更改列维度并缩短过长的名称-Datatables

更改列维度并缩短过长的名称-Datatables,datatables,Datatables,Datatables是一个很好的工具,但我不知道如何做到这两件事: 添加手动更改列大小的选项,将其向右或向左拖动以满足您的需要 缩短过长的文本。但使用Datatable时,文本会自动换行。然而,通过这种方式,单元大小增加。我不想得到这种效果 这是一个如何将这两件事与Firefox插件“Downloadthemall”很好地集成的示例: 我该怎么做?您可以使用此插件使表列重新调整大小。只需在表初始化之前和包含datatables脚本之后获取脚本并将其包含。然后在初始化数据表时,在sDom

Datatables是一个很好的工具,但我不知道如何做到这两件事:

  • 添加手动更改列大小的选项,将其向右或向左拖动以满足您的需要
  • 缩短过长的文本。但使用Datatable时,文本会自动换行。然而,通过这种方式,单元大小增加。我不想得到这种效果
这是一个如何将这两件事与Firefox插件“Downloadthemall”很好地集成的示例:



我该怎么做?

您可以使用此插件使表列重新调整大小。只需在表初始化之前和包含datatables脚本之后获取脚本并将其包含。然后在初始化数据表时,在sDom中包含R,即:

"sDom": "Rlfrtip"
您可以使用css控制包装的行为。将类添加到表中

<style>
.myClass td {white-space:nowrap; overflow:hidden;}
</style>

.myClass td{空白:nowrap;溢出:隐藏;}

您可以使用此插件重新调整表列的大小。只需在表初始化之前和包含datatables脚本之后获取脚本并将其包含。然后在初始化数据表时,在sDom中包含R,即:

"sDom": "Rlfrtip"
您可以使用css控制包装的行为。将类添加到表中

<style>
.myClass td {white-space:nowrap; overflow:hidden;}
</style>

.myClass td{空白:nowrap;溢出:隐藏;}

但脚本在文件中?为了控制css包装的行为,我必须编辑demo_table_jui.css?你能给我看些照片吗?我真的不明白sono,就在您设置表时添加类:。。。一个表可以应用多个类,因此datatables添加的类也将被应用。David,如果你有一个演示的话,我会理解得更好。你能帮我吗?如果我有时间的话,我明天会制作一个演示。谢谢你,大卫,因为当我尝试操纵sDom时,原来的布局改变了。我还试图添加Colvis来隐藏一些东西,但分页和输入的数量都消失了。我想保留此布局,但我想添加以隐藏列并使列的大小可调整。但也可以像这样调整整个表容器的大小吗?但脚本在文件中吗?为了控制css包装的行为,我必须编辑demo_table_jui.css?你能给我看些照片吗?我真的不明白sono,就在您设置表时添加类:。。。一个表可以应用多个类,因此datatables添加的类也将被应用。David,如果你有一个演示的话,我会理解得更好。你能帮我吗?如果我有时间的话,我明天会制作一个演示。谢谢你,大卫,因为当我尝试操纵sDom时,原来的布局改变了。我还试图添加Colvis来隐藏一些东西,但分页和输入的数量都消失了。我想保留此布局,但我想添加以隐藏列并使列的大小可调整。但是整个表容器也可以这样调整大小吗?