JTable Row / Side-Columns而不是Thead

时间:2013-10-30 08:31:23

标签: javascript jquery html crud jquery-jtable

如果已经提出这个问题我很抱歉,但我还没有找到类似的问题。我正在使用JQuery插件JTable作为我的项目的CRUD构建器,但我遇到了一个小问题。我在数据库中有表,这些表有20多列,只有一行,行中的值有相当长的字符串(句子)。

所以我的问题是,有没有办法让JTable将每行的第一个单元格设置为列而不是<thead>标记中的列?

默认情况下(并且不确定它是否是动态的)JTable的格式产生: enter image description here

这是我想要实现的格式: enter image description here

非常感谢任何帮助。欢迎替代方案。

1 个答案:

答案 0 :(得分:-1)

关注CSS应该有所帮助:

div.jtable-main-container > table.jtable > thead {
    width: 200px;
    display: inline-table;
    height: 100%;
    float:left;
}
div.jtable-main-container > table.jtable > tbody {
    display: block;
    height: 100%;
    margin-left:200px;  /* keep this >= thead width i.e. 200px*/
}
div.jtable-main-container > table.jtable > thead th,div.jtable-main-container > table.jtable > tbody td {
    display:block
}