flutter_widget_from_html icon indicating copy to clipboard operation
flutter_widget_from_html copied to clipboard

100% table width

Open sonuPrasas010 opened this issue 2 years ago • 11 comments

Use case

Proposal

sonuPrasas010 avatar Jul 15 '23 03:07 sonuPrasas010

image

<table width="100%" border="2" style="text-align: center;"><tbody><tr><td>sonu</td><td>sonu</td><td>sonu</td><td>sonu</td></tr><tr><td>10,00,000</td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr><tr><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td><td>10,00,000<br></td></tr></tbody></table>

The table is not expanding to 100% width.

sonuPrasas010 avatar Jul 15 '23 03:07 sonuPrasas010

I think the TABLE tag doesn't support width attribute. Have you tried using inline style? Something like style="width: 100%".

daohoangson avatar Jul 17 '23 16:07 daohoangson

Worked for me when I did <td style="width:100%">placeholder</td>!

gliitterpuke avatar Aug 30 '23 17:08 gliitterpuke

Yeah, that works too.

daohoangson avatar Sep 02 '23 09:09 daohoangson

Actually, noticing that it still doesn't work on web - mobile behaviour seems fine?

gliitterpuke avatar Sep 11 '23 07:09 gliitterpuke

Do you have sample HTML and screenshot?

daohoangson avatar Sep 11 '23 07:09 daohoangson

Do you have sample HTML and screenshot?

Sorry mistake on my end! My find/replace above works :)

gliitterpuke avatar Sep 11 '23 07:09 gliitterpuke

That's good to know!

daohoangson avatar Sep 11 '23 08:09 daohoangson

<p>The following ledger balance of a company was drawn up on 30th Chaitra last year</p><table style="width: 100%" border="1"><tbody><tr><td style="padding: 10px;"><b>Particulars</b></td><td style="padding: 10px;"><b>Amount</b></td></tr><tr><td style="text-align: left;">Opening stock</td><td>12,000</td></tr><tr><td style="text-align: left;">Purchase</td><td style="text-align: left;">40,000</td></tr><tr><td style="text-align: left;">Sales</td><td style="text-align: left;">1,32,000</td></tr><tr><td style="text-align: left;">Rent</td><td style="text-align: left;">18,000</td></tr><tr><td style="text-align: left;">Discount Cr.</td><td>14,000</td></tr><tr><td "="">General expenses</td><td>5,000</td></tr><tr><td style="text-align: left;">Wages</td><td style="text-align: left;">8,000</td></tr><tr><td style="text-align: left;">Capital</td><td style="text-align: left;">6,000</td></tr><tr><td style="text-align: left;">Fixed assets</td><td>80,000</td></tr></tbody></table><p><b>Additional information</b></p> <ol type="i"><li>Closing stock Rs.5,000</li><li>Provision for tax Rs.6,000</li><li>Depreciation on fixed assets 10%</li></ol><p>&nbsp; <b>Required:&nbsp; a.</b> Trading account <b>b. </b>Profit and loss account</p><p><b>Ans: Gross profit= 79,000, Net profit = 30,000</b></p> This is code. image This is result. Add width in style is also not working. Its redundant to add 100% on each td

sonuPrasas010 avatar Oct 13 '23 03:10 sonuPrasas010