jQuery Mobile 提供了一套基于 CSS 的分列布局。然而，在移动设备上，由于考虑手机的屏幕宽度狭窄，一般不建议使用分栏分列布局。
但有时您想要将较小的元素（如按钮或导航标签）并排地排列在一起，就像是在一个表格中一样。这种情况下，推荐使用分列布局。
网格中的列是等宽的（合计是 100%），没有边框、背景、margin 或 padding。
这里有四种布局网格可供使用：
| 网格类 | 列 | 列宽 | 对应 | 实例 |
|---|---|---|---|---|
| ui-grid-solo | 1 | 100% | ui-block-a | 尝试一下 |
| 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 | 尝试一下 |
 |
在列容器内，子元素拥有的 class 为 ui-block-a|b|c|d|e 取决于列数。列会浮动并排。
实例 1:class 为 ui-grid-a（两列布局），您必须指定 ui-block-a 和 ui-block-b 的两个子元素。 实例 2:class 为 ui-grid-b（三列布局），则必须添加 ui-block-a、ui-block-b 和 ui-block-c 的三个子元素。 |
|---|
通过使用CSS，您可以自定义列块：
您也可以通过使用内嵌样式来自定义块：
<div class="ui-block-a" style="border: 1px solid black;"><span>Text..</span></div>
在列中也可以有多个行。
注意：ui-block-a-class 总是创建一个新行：
在小屏幕中，不建议一行中并排太多按钮（文本会缩短）。
我们在容器使用 ui-responsive 类来创建响应式网格：
您能为RubyonRails推荐好的数据网格类/gem吗？喜欢http://code.google.com/p/zend-framework-datagrid/采埃孚 最佳答案 你也可以试试datagridgem。这不仅关注带有列的网格，还关注过滤器。classSimpleReportincludeDatagridscopedoUser.includes(:group)endfilter(:category,:enum,:select=>["first","second"])filter(:disabled,:eboolean)fi
网格支撑排序数据。搜索全选/无轨道上有网格吗？ 最佳答案 为铁路电网提供丰富的信息。请参阅此链接。http://www.2dconcept.com/jquery-grid-rails-plugin 关于ruby-on-rails-网格与Rails？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/5100498/
我需要设计下面的视图。解释：前两个视图是卡片视图。顶部将包含下面的图表是4个瓷砖，该图像在其底部具有图像和文本问题：我能够获得这样的设计，但并不适合所有手机和屏幕类型。我怎样才能解决这个问题？代码：看答案尝试这个：您需要使用线性布局并将重量分配给两个卡布局50-50。
我正在使用angularjs1.5.0和angularuigrid3.1.1。当我像这样在Controller主体中分配gridOptions(传递给grid指令)对象时:$scope.gridOptions={data:[{"mock2":1,"mock1":2},{"mock2":10,"mock1":22}]};HTML:它按预期显示表格。但是当我尝试更改$scope.on中的数据时:$scope.$on('update',function(event,passedFromBroadcast){$scope.gridOptions.data=[{"mock2":"set","mo
我有一个3D模型，它作为obj文件加载到Three.js中。模型本身就是一件家具。问题是，家具Material是动态的并且尺寸(厚度)不同。我需要能够使Material的厚度更大，但模型的总尺寸不能改变。所以缩放不是一种选择。有没有一种方法可以调整模型部分(少数特定网格)的大小并且不损害网格本身的结构？我需要改变结构的厚度，但模型的内部零件不应该改变。我能想到的唯一解决方案是更改一些网格的比例，然后基于此更改其他网格的全局位置。这是正确的方法吗？object.traverse(function(child){if(childinstanceofTHREE.Mesh){//resizea
我昨天才开始使用d3.js，但在完成我的工作时遇到了一些麻烦。现在我创建了一个带有两个y轴的图表，每个显示一些值，x轴显示日期。点击y轴上的值，我会显示相应的水平网格线。我的问题是，在放大或缩小或拖动时，网格线(水平和垂直)无法根据轴值正确缩放，它们根本就不动。我今天下午进行了很多搜索，找到了一些如何执行此操作的示例，但它们似乎都不适用于我已有的代码。我想，应该将逻辑添加到缩放行为中，但我不确定//xaxisgridlinesfunctionmake_x_gridlines(){returnd3.axisBottom(x).ticks(5)}//addtheXgridlinesletx
我在这里发现了2个类似的问题，但它们对我没有帮助，我的代码是:vargrid=Ext.create('Ext.grid.Panel',{autoScroll:true,//ifsetthistoanynumericvalue,theneverythingworksjustgood,but//iwashopingthat`ExtJS`alreadycandetectbrowserwindowheight,amiwrong?height:'100%',title:'Products',store:store,itemId:'product_grid',columns:[..columnss
我有一个GridPanel，在工具栏中我有两个按钮“拒绝更改”和“保存更改”。下面的代码显示了每个按钮的作用，到目前为止一切正常。Ext.define('APP.view.MyGrid',{extend:'Ext.grid.Panel',...initComponent:function(){varme=this;me.store=myStore;me.plugins=[Ext.create('Ext.grid.plugin.CellEditing',{clicksToEdit:1,autoCancel:false}),];me.rejectBtn={xtype:'button',id
我正在尝试使用新行、colNames和colModel重新加载jqGrid。行数据似乎加载正常，但列似乎没有刷新。我试过使用GridUnload和GridDestroy但我最终完全丢失了jQueryDOM实例并且不再加载任何数据。vargrid=$('#my-grid');if(grid[0].grid==undefined){grid.jqGrid(options);}else{grid.setGridParam(options);grid.trigger('reloadGrid');}网格实例很重要，因为它将作为参数传递给其他对象。这些对象可能附加监听器或触发事件。我使用的是4.4
我已经用gridster做了一些测试，我可以保存一些gridster数据，比如坐标、大小、ids等。但我无法保存填充gridster的div的内容，我可以稍后加载每个元素的gridster坐标。这是我的代码:$(document).ready(function(){vargrid_canvas=$("#homepage>#grid").gridster({widget_margins:[10,10],widget_base_dimensions:[140,140],widget_selector:".gs_w",shift_larger_widgets_down:false,seria
