折叠表格标题破坏了我的表格格式 [英] Collapsing a Table header is breaking my table format

问题描述

我正在尝试使用具有标题，子标题和3行的数据表.

有四个名为Event 1..4
的子标头 每个子标头旁边是3行数据

当我单击子标题时，该子标题正在折叠，但是来自子标题2的行正在泄漏

您可以在下面的Fiddler中看到它的发生，单击Event1，然后单击Event2，您将看到DataTable break的格式.

我希望看到每个事件都分解为事件，并在3行中显示得分.

如何折叠子标题并保持格式正确.

谢谢


下面的提琴手项目

http://jsfiddle.net/nc8bt9ss/873/

Hi,

I am trying to use a datatable that has a header, sub header and 3 rows.

There are 4 sub headers named Event 1..4
Next to each sub header are 3 rows of data

When I click on the sub header, the sub header is collapsing, but the rows from sub header 2 are leaking over

You can see it happening in Fiddler below, Click on the Event1 , then Event2 and you will see the format of the DataTable break.

I would like to see each event collapse into Event with the 3 rows showing scores.

How can i collapse the sub headers and keep the formatting correct.

Thank you


Fiddler project below

http://jsfiddle.net/nc8bt9ss/873/

推荐答案

http://jsfiddle.net/nc8bt9ss/875/ [

Hi,

http://jsfiddle.net/nc8bt9ss/875/[^]

Please check the above link.

This should solve your issue.

Happy coding.. :)
RelicV

这篇关于折叠表格标题破坏了我的表格格式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！