当前位置: 首页 > 知识库问答 >
问题:

JQuery数据表插件宽度问题

尚嘉庆
2023-03-14

我正在使用jquerydatatable插件。我首先呈现我的html表,然后应用插件。它有一些问题。

问题:

>

如果有很多列(列是动态生成的,不可能设置固定的列宽度),数据表将水平增长。

示例代码:

var scrollY = $(window).height() * 80 / 100;   
var oTable = $('#myTable').dataTable({
    "sScrollX": "100%",
    "sScrollY": scrollY,
    "bScrollCollapse": true,
    "bPaginate": false,
    "bStateSave": false,
    "bFilter": false,
    "bInfo": false,
    "bAutoWidth": false,
    "bSort": true,
    "aaSorting": []       
});

oTable.fnAdjustColumnSizing();

编辑我正在JQuery选项卡中使用此插件。

共有1个答案

关玮
2023-03-14

首先,我将在创建datatable之前控制html结构。它必须如下所示:

<table id="myTable">
<thead>
<tr>
    <th></th>
    <th></th>
    // exact number of th present in the datatable
</tr>
</thead>
<tbody>
</tbody>
</table>

然后我会试着设置:

"bAutoWidth": true

即使没有HTML代码很难解决您的问题。。。

 类似资料:
  • 我想显示一个不同的div,这取决于用户是在我的移动站点上还是在我的桌面/平板网站上。 我使用媒体查询来触发CSS事件以调整大小、更改颜色等,但当用户在移动站点上时,我希望触发与他们在桌面/平板站点上时完全不同的事件集jQuery事件。 这与调整大小事件无关(不过我将需要在稍后处理该事件),而是与设备的初始宽度有关。当我使用下面的代码时,iPad和iPhone(如果重要的话,是6)的视口似乎都是98

  • 本文向大家介绍解决Layui数据表格的宽高问题,包括了解决Layui数据表格的宽高问题的使用技巧和注意事项,需要的朋友参考一下 在使用Layui数据表格的时候,如果采用固定数值的话,在不同浏览器里显示会有差异,特别是在不同分辨率设备上。针对以此,把width设置直接去掉,貌似解决了我的显示问题。 之前固定宽高的情况 页面显示如下: 在页面右边显示了好多空白区域,不好看。 把宽度注释之后 界面显示如

  • 本文向大家介绍jQuery插件jsonview展示json数据,包括了jQuery插件jsonview展示json数据的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了jQuery插件jsonview展示json数据的具体代码,供大家参考,具体内容如下 项目中要展示json数据,自己写一套html来展示太麻烦,可以使用jquery的插件jsonview来解决这个问题。 首先,去jque

  • 我有一个基于CssLayout的视图,它有一个预定义的最小宽度,但可以扩展以填充整个屏幕。这个视图,我们称之为父视图,在列表视图中有子视图。每个子级都是扩展HorizontalLayout的同一类的实例。 我有几个布局问题。 首先,由于封装垂直布局为每个孩子提供了一定百分比的空间,而不是允许他们根据自己的高度适当地分配空间,因此孩子们彼此重叠。VerticalLayout是必需的,因为当列表大于父

  • pre { white-space: pre-wrap; } jQuery EasyUI 插件 扩展自 $.fn.validatebox.defaults。通过 $.fn.numberbox.defaults 重写默认的 defaults。 数字框(numberbox)用于让用户仅能输入数字的值。它可以把输入元素转换为不同类型的输入(比如:数字 numeric、百分比 percentage、货币

  • 本文向大家介绍jquery插件bootstrapValidator数据验证详解,包括了jquery插件bootstrapValidator数据验证详解的使用技巧和注意事项,需要的朋友参考一下 因为项目需要数据验证,看bootstrapValidator 还不错,就上手一直,完美兼容,话不多说。 bootstrap:能够增加兼容性的强大框架. 需要引用css: bootstrap.min.css b