Hi Everyone,
Recently I was working with Flutter HTML view and i found out that it is just rendering my text part from HTML Code, But my code also contains table part which is not displaying over HTMLView.
this is my HTML code which i want to display in my ui:
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
width: 50%;
margin: auto;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 10px;
text-align: center;
}
th {
background-color: #f2f2f2;
}
</style>
</head>
<body>
Certainly! Here's an example of an HTML table with a column for serial numbers and rows containing random numbers for at least 5 items:
htmlCopy code
<div>
<h2>Serial Number vs Random Numbers Table</h2>
<table>
<tr>
<th>Serial No.</th>
<th>Random No. 1</th>
<th>Random No. 2</th>
<th>Random No. 3</th>
<th>Random No. 4</th>
<th>Random No. 5</th>
</tr>
<tr>
<td>Item 1</td>
<td>5</td>
<td>7</td>
<td>3</td>
<td>9</td>
<td>2</td>
</tr>
<tr>
<td>Item 2</td>
<td>4</td>
<td>1</td>
<td>8</td>
<td>6</td>
<td>2</td>
</tr>
<tr>
<td>Item 3</td>
<td>3</td>
<td>9</td>
<td>7</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>Item 4</td>
<td>8</td>
<td>6</td>
<td>2</td>
<td>1</td>
<td>3</td>
</tr>
<tr>
<td>Item 5</td>
<td>2</td>
<td>3</td>
<td>5</td>
<td>4</td>
<td>9</td>
</tr>
</table>
</div>
This HTML code creates a table with 6 columns (1 for Serial No. and 5 for Random Numbers) and at least 5 rows. Each row represents an item with its corresponding serial number and random numbers. Adjust the content or style as needed for your specific requirements. Copy and paste this code into an HTML file, and open it in a web browser to view the table.
</body>
</html>
Is there anyone who can help me out with this problem?
Thanks and Regards,
Vismayee