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

Question

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

我怎样才能拥有一个可以根据窗口的高度/宽度进行调整并保持可滚动功能的表格？

Answer 1

Alloy UI API 允许您以像素或整数指定高度和宽度。如果要指定百分比，请为 DataTable 的表格标签或包含 DataTable 的 div 设置 CSS 属性“width: 100%”。

例子，

1. 首先，创建一个数据表。
2. 添加百分比宽度的 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了解详情。