将表头内容追加到表体中

时间:2015-02-12 11:06:35

标签: jquery html css

我正在尝试制作一张响应表。基本上,在某些屏幕尺寸下,我正在更改表格,使用此示例:http://css-tricks.com/responsive-data-tables/

然而,该示例中的css代码隐藏了thead,因此我只获得了表体内容,并且我不能使用:在方法之前手动放入,因为我有许多不同的数据表。

我想做的(如果可能的话)是编写一个jquery函数,它将检查表头内容并将其放在表中适当的单元格之前。标记很简单:

<table>
<thead>
<tr>
    <th>First Name</th>
    <th>Last Name</th>
    <th>Job Title</th>
</tr>
</thead>
<tbody>
<tr>
    <td>James</td>
    <td>Matman</td>
    <td>Chief Sandwich Eater</td>
</tr>
<tr>
    <td>The</td>
    <td>Tick</td>
    <td>Crimefighter Sorta</td>
</tr>
</tbody>

是否有可能获得thead(名字)的第一个元素并在每行中的第一个单元格内容(例如James)之前添加它,并且与其他thead元素类似?

此致

修改 @ArunPJohny在评论中发表了一个答案,完美地运作:

jsfiddle.net/arunpjohny/564Lxosz/1

0 个答案:

没有答案
相关问题