jQuery Mobile中的 data-grid 是啥怎么用

Posted 2023-02-21

jQuery Mobile中的没有data-grid的用法。
jQuery Mobile 布局网格
jQuery Mobile 提供了一套基于 CSS 的列布局方案。不过，一般不推荐在移动设备上使用列布局，这是由于移动设备的屏幕宽度所限。
但是有时您需要定位更小的元素，比如按钮或导航栏，就像在表格中那样并排。这时，列布局就恰如其分。
网格中的列是等宽的（总宽是 100%），无边框、背景、外边距或内边距。
可使用的布局网格有四种：

网格类 列 列宽度 对应 实例
ui-grid-a 2 50% / 50% ui-block-a|b

ui-grid-b 3 33% / 33% / 33% ui-block-a|b|c
ui-grid-c 4 25% / 25% / 25% / 25% ui-block-a|b|c|d
ui-grid-d 5 20% / 20% / 20% / 20% / 20% ui-block-a|b|c|d|e 参考技术A 　　该数据识别的DataGrid控件看起来与Grid控件类似。但是，您可以设置DataGrid控件的DataSource属性为一个Data控件，以自动填充该控件并且从Data控件的Recordset对象自动设置其列标头。这个DataGrid控件实际上是一个固定的列集合，每一列的行数都是不确定的。本回答被提问者和网友采纳