Table parsing error. If merging cells in HTML5 is not supported, no error should be reported

[luyi-word]

This kind of problem hopes to be solved as soon as possible
这种问题希望尽快解决 .

[Sub6Resources]

Thank you for reporting this. Would you mind posting your HTML code so that I can better support merged cells?

[luyi-word]

一、接收调剂考生的学科

培养单位名称	学科代码名称	咨询电话	报名时间
(003)法学院	（030102）法律史	张老师0551-63861289	4月2日上午10:00至4月3日上午10:00
(003)法学院	（030103）宪法学与行政法学	张老师0551-63861289

[luyi-word]

style: {

              "table": Style(
                border:  Border.all(width: 1, color: Color(0xff7FA6F3)),
                width: 750,
                fontFamily: 'serif',
              ),
              "th":Style(
                border:  Border.all(width: 1, color: Color(0xff7FA6F3)),
                // width: 750,
                fontFamily: 'serif',
              ),
              "td":Style(
                border:  Border.all(width: 1, color: Color(0xff7FA6F3)),
                // width: 750,
                fontFamily: 'serif',
              ),
              "tr":Style(
                border:  Border.all(width: 1, color: Color(0xff7FA6F3)),
                // width: 750,
                fontFamily: 'serif',
              ),
              },

///==================

Can adding line styles to tables be optimized

[canisterism]

I added +1 because I think I'm encountering (probably) the same problem.

I have HTML like below:

<table>
  <colgroup>
    <col width="30%"/>
    <col width="70%"/>
  </colgroup>
  <tr>
    <th>AAAAAAAAAAAAAAAAAAAAAAAAAAAA</th>
    <td>B</td>
  </tr>
  <tr>
    <th>A</th>
    <td>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</td>
  </tr>
</table>

And my styles are like this:

final Map<String, Style> htmlStyles = {
  'table': Style(
    backgroundColor: MyColors.backGroundColor,
    border: Border.all(color: MyColors.surfaceOverlay),
  ),
  'th': Style(
    display: Display.INLINE,
    alignment: Alignment.center,
    backgroundColor: MyColors.lightGrey,
    padding: const EdgeInsets.all(8),
  ),
  'td': Style(
    display: Display.INLINE,
    backgroundColor: MyColors.backGroundColor,
    padding: const EdgeInsets.all(8),
  ),
};

Then the screen would be:

But I expected the left-bottom cell (having 'A') to expand to the table's bottom line. Its height is just the same as its text-height.

[erickok]

@canisterism your issue is unrelated in the sense that you do not have cells spanning multiple rows or columns. Instead your issue arrises simply because the abckground is set on the text style and not on the whole table cell.

[canisterism]

@erickok
Ooops, thank you, you're right. I'll raise another issue.

[erickok]

Thing is, flutter_html uses Flutter's own Table widget and that doesn't support colspan-like irregular cells (flutter/flutter:21594). The staggered_grid package is one alternative we might consider.

[erickok]

Duplicate of #242