Jquery 如何在<;td>;在数据表中?

Jquery 如何在<;td>;在数据表中?,jquery,html,css,datatables,Jquery,Html,Css,Datatables,这里有一个我想与DataTables插件一起存档的结构 正如您可以看到的地址,它包含3列 以下html中断数据表排序功能。桌子看起来变了 这里有一个不同数据的例子,但想法是一样的 <tr> <td colspan="3"> <table cellpadding="0" cellspacing="0"> <tr> <td >Some very long lorem ipsum tex

这里有一个我想与DataTables插件一起存档的结构

正如您可以看到的地址,它包含3列

以下html中断数据表排序功能。桌子看起来变了

这里有一个不同数据的例子,但想法是一样的

<tr>
  <td colspan="3">
     <table cellpadding="0" cellspacing="0">
         <tr>
           <td >Some very long lorem ipsum text</td>
         </tr>
         <tr>
           <td>Angelica Raaaaamos</td>   
           <td>Accountant</td>
           <td>Tokyo</td>
         </tr>
    </table>
  </td>

  <td>33</td>
  <td>2008/11/28</td>
  <td>$162,700</td>
</tr>

一些很长的lorem ipsum文本
当归
会计
东京
33
2008/11/28
$162,700

upd

灰色文本不是一个组。表中的每个项目(每行)都应 是否包含它


使用两个额外的空白td。 比如:


一些很长的lorem ipsum文本
如果不起作用,则在样式中使用宽度。比如:

   <tr >
       <td style="width:50px">Some very long lorem ipsum text</td>
       <td></td>
       <td></td>
     </tr>
      <tr >
       <td style="width:50px">Some</td>
       <td>Acountant</td>
       <td>london</td>
     </tr>

一些很长的lorem ipsum文本
一些
和谐的
伦敦

在此处使用两个额外的空白td。 比如:


一些很长的lorem ipsum文本
如果不起作用,则在样式中使用宽度。比如:

   <tr >
       <td style="width:50px">Some very long lorem ipsum text</td>
       <td></td>
       <td></td>
     </tr>
      <tr >
       <td style="width:50px">Some</td>
       <td>Acountant</td>
       <td>london</td>
     </tr>

一些很长的lorem ipsum文本
一些
和谐的
伦敦

我会简单地把这句话放在评论中,但由于我的声誉太低,我建议你看看

在drawCallback中,您必须将
追加到您希望它所在的行之前


如果我有你的jQuery代码,我可以说得更具体些,我会简单地把它放在评论中,但由于我的声誉太低,我建议你看看

在drawCallback中,您必须将
追加到您希望它所在的行之前


如果我有你的jQuery代码,我可以更具体一些。你可以从这里得到一个想法:
尝试将您的
td
隐藏为

$(函数(){
$('#id table').DataTable();
});

当归
会计
东京
一些很长的lorem ipsum文本
当归
会计
东京

你可以从这里得到一个想法:
尝试将您的
td
隐藏为

$(函数(){
$('#id table').DataTable();
});

当归
会计
东京
一些很长的lorem ipsum文本
当归
会计
东京
您可以使用扩展名,该扩展名允许您按给定的数据点对行进行分组

在表中对行进行分组的功能可以让最终用户快速、轻松地查看所显示数据的结构,还可以向他们展示每个组中显示的数据摘要。RowGroup将此功能添加到DataTables中,并能够自定义DataTable中显示的开始和结束分组行,从而使您能够将汇总数据集成到站点中

使用
rowGroup
选项作为对象,可以使用两个选项定义行组的外观和源数据。查看所有可用选项

这里有一个例子,你一定会明白的

var数据集=[
[“老虎尼克松”、“系统架构师”、“爱丁堡”、“5421”、“2011/04/25”、“320800美元”、“福福福福布拉布拉布拉”],
[“Garrett Winters”、“会计师”、“东京”、“8422”、“2011/07/25”、“170750美元”、“一些很长的lorem ipsum文本”],
[“阿什顿·考克斯”,“初级技术作家”,“旧金山”,“1562”,“2009/01/12”,“86000美元”,“酒吧布拉”],
]
$('#示例')。数据表({
数据:数据集,
栏目:[
{标题:“姓名”},
{标题:“职位”},
{标题:“办公室”},
{标题:“Extn.”,
{标题:“开始日期”},
{标题:“工资”},
],
行组:{
startRender:功能(行、组){
如果(组的类型=“字符串”){
返回$('')
.附加(“”+组+“”);
}
},
endRender:null,
类名:'表组',
数据中心:6
}
});
table.dataTable tbody th,table.dataTable tbody.table group td{
填充:0;
}
table.dataTable tbody th,table.dataTable tbody.表格组td span{
填充:8px 10px;
显示:块;
颜色:银色;
}
table.dataTable tbody tr:n第n个子项(4n),
table.dataTable tbody tr:n第n个子项(4n-1){
背景色:#eee;
}

您可以使用扩展名,该扩展名允许您按给定的数据点对行进行分组

在表中对行进行分组的功能可以让最终用户快速、轻松地查看所显示数据的结构,还可以向他们展示每个组中显示的数据摘要。RowGroup将此功能添加到DataTables中,并能够自定义DataTable中显示的开始和结束分组行,从而使您能够将汇总数据集成到站点中

使用
rowGroup
选项作为对象,可以使用两个选项定义行组的外观和源数据。查看所有可用选项

这里有一个例子,你一定会明白的

var数据集=[
[“老虎尼克松”、“系统架构师”、“爱丁堡”、“5421”、“2011/04/25”、“320800美元”、“福福福福布拉布拉布拉”],
[“Garrett Winters”、“会计师”、“东京”、“8422”、“2011/07/25”、“170750美元”、“一些很长的lorem ipsum文本”],
[“阿什顿·考克斯”,“初级技术作家”,“旧金山”,“1562”,“2009/01/12”,“86000美元”,“酒吧布拉”],
]
$('#示例')。数据表({
数据:数据集,
栏目:[
{标题:“姓名”},
{标题:“职位”},
{标题:“办公室”},
{标题:“Extn.”,
{标题:“开始日期”},
{标题:“工资”},
],
行组:{
startRender:功能(行、组){