如何为colspan合并的列添加独立的表头文本?
解决表格跨列表头的独立文本显示问题
要让colspan对应的6列表头分别显示1、2、3、4、5、O,你需要把表头拆成两行:
- 第一行保留原有前4个表头单元格,最后一个单元格用
colspan="6"显示统一的标题“Грешки”; - 第二行的前4个单元格用空的
<th>占位,后面添加6个独立的<th>分别放置1、2、3、4、5、O。
修改后的代码如下:
<thead> <tr> <th width="30%"> @DbResHtml.T("Натпреварувач", "Resources") </th> <th width="1%"> @DbResHtml.T("Бр.", "Resources") </th> <th width="1%">@DbResHtml.T("ВИ", "Resources")</th> <th width="1%"> @DbResHtml.T("П.", "Resources") </th> <th colspan="6" scope="colgroup"> @DbResHtml.T("Грешки", "Resources") </th> </tr> <tr> <th></th> <th></th> <th></th> <th></th> <th>1</th> <th>2</th> <th>3</th> <th>4</th> <th>5</th> <th>O</th> </tr> </thead>
这样就能实现你要的效果:第一行的“Грешки”横跨6列,第二行这6列分别显示独立的文本。
内容的提问来源于stack exchange,提问作者norman
相关产品推荐
相关产品推荐

