Question

Alloy UI's DataTable提供scrollable属性来定义x或y滚动。这必须与一组height或width结合使用。

如何设置一个可以调整窗口高度/宽度以及保持scrollable功能的表格？

Answer 1

Alloy UI API允许您指定高度和＆amp; px或圆数的宽度。如果要指定百分比，请为DataTable的表标记或包含DataTable的div设置CSS属性“width：100％”。

实施例，

首先，创建一个数据表。
添加宽度为百分比的CSS属性

*

var dataTable =  new Y.DataTable({
    id: 'mydata-table',
    footerView:   Y.FooterView,
    scrollable: "xy",
    height:'300px').render();

    $('#mydata-table').css('width', '80%');
    $('#mydata-table').css('height', '40%');

请参阅link了解详情。

Answer 2

尝试此代码， 它在移动和台式机中对我都有效。

container.find(".dataTables_scrollBody").css('height', container.height() - 20);

此处容器是放置数据表的<div>。

具有自动高度的可滚动数据表

2 个答案: