miniui datagrid自适应宽高
时间: 2023-07-16 20:14:55 浏览: 319
让DataGridView的列宽自适应
miniui datagrid 可以通过设置 autoHeight 属性实现自适应高度,而宽度则可以通过设置 width 属性或者将表格放在一个容器中并设置容器的宽度来实现自适应宽度。
例如:
```html
<div id="gridContainer" style="width: 100%">
<div id="grid" class="mini-datagrid" style="height: auto"></div>
</div>
```
```javascript
mini.parse();
var grid = mini.get("grid");
grid.set({
url: "data.json",
columns: [
{ field: "name", width: 100, header: "Name" },
{ field: "age", width: 100, header: "Age" },
{ field: "gender", width: 100, header: "Gender" }
]
});
```
上面的代码中,我们将 mini-datagrid 放在了一个宽度为 100% 的容器中,并设置了 autoHeight 属性使得高度自适应。表格中的列设置了固定宽度,如果内容超过了列宽则会自动显示滚动条。
阅读全文