回答
FYI,这似乎在最新版本的SlickGrid的工作开箱。 :)
在Firefox中,它仍然不起作用。在ie中,它总是有效的。很奇怪。 – 2010-12-09 16:43:26
我看到这个问题真的很旧,但我在试图弄清楚如何让我的列占用整个表的宽度时遇到了这个问题。希望有一天它能帮助别人。
我想不出如何明确设置列宽,但我确实让它工作隐含。
这里是如何做到这一点:
先在列声明添加宽度:300(或任何宽度你想)
{id:"name", name:"Student Name", field:"firstName", width: 300}
集这对您的所有列,你想要的那些更大的数字,例如通过这样做,我能得到我的表列占用表的剩余空间,并保持我想要的部分真实
{enableCellNavigation: true, enableColumnReorder: false, forceFitColumns: true};
:500
然后在选项declation添加forceFitColumns相对于彼此。
这对我来说非常合适。我会建议Padmanabhan接受这个答案。 – DRaehal 2012-11-19 19:47:51
这是否甚至回答他的问题? – 2015-02-26 20:39:31
是的。使用'forceFitColumns:true'选项并以百分比形式设置网格容器的宽度。 – 2015-03-05 09:39:10
是的,这是可能的,但我找不到一个简单的解决方案。 所以你必须定制它很多。
我目前正在为此做一个解决方案。 这是一个工作示例,但它确实有一些缺陷。其中一些来自jsfiddle设置。 http://jsfiddle.net/MQBLn/8/
基本上我创建的格式基于所述列标题大小的细胞的功能。 然后,只要有Action,您就必须调用该函数。 (排序,调整大小等) 另外我也必须对slick.grid.js做一些小的修改所以你会发现它加载在JS部分的顶部,接着是自定义js。然后一些覆盖CSS的规则。
这里是我的手机格式化功能
function formatCells(grid)
{
var columns = grid.getColumns();
var grid_width = grid.getGridPosition().width;
var header = $(".slick-header-columns");
for(var i in columns)
{
$(".slick-cell.r"+i).css("width", (Math.floor(((header.children().eq(parseFloat(i)).width()+9)/(grid_width-_scrollBarWidth))*10000)/100)+"%");
}
}
我希望这是有用的也许有一天建成SlickGrid的设置。
我有一个功能来做一个网格调整大小。
function resizeGrid(newsize, grid) {
$('#dataGrid').css('width', newsize);
grid.resizeCanvas();
}
不要忘记添加forceFitColumns: true
到网格选项骗子说上述
的SlickGrid,格式化你提供5个参数:
formatter: function (row, cell, value, columnDef, dataContext)
您可以调整列的宽度使用dataContext参数,在特定的格式化程序中,例如:dataContext.width = 600
使特定列600px。
例
{
/* Categories */
id: "categories",
formatter: function (row, cell, value, columnDef, dataContext) {
var html = '';
if (value.indexOf('variation-child') != -1) {
return value;
} else if (value) {
for (var i = 0; i < value.length; i++) {
if (value[ i ]) {
html += '<div class="box category-box" title="' + value[ i ] + '">' + value[ i ] + '</div>';
}
}
}
columnDef.width = 600 * value.length;
return html;
},
name: "Categories", field: "categories", sortable: true, editor: Slick.Editors.TaxonomyPopupEditor
}
记住使用grid.resizeCanvas();
(重新计算宽度),只要您完成将数据添加到网格。
- 1. 百分比宽度的滑动div
- 2. 如何使用FXML指定JavaFX 2中的宽度百分比?
- 3. 为CSS表格单元格指定百分比宽度
- 4. 跨度百分比宽度
- 5. 如何用百分比指定网格行高?
- 6. 百分比宽度破粘格
- 7. 固定元素的百分比宽度?
- 8. 在jquery选项中指定宽度或高度为百分比(%)?
- 9. Android百分比布局宽度和高度应该指定
- 10. 百分比宽度和固定的内部宽度问题
- 11. 固定宽度或基于百分比的网站设计
- 12. 如何实现这样的固定百分比宽度的LinearLayout?
- 13. CSS百分比宽度不起作用
- 14. 使用jQuery设置宽度百分比
- 15. 宽度和高度百分比CSS IE8
- 16. 百分比宽度与百分比填充
- 17. 表格百分比高度和宽度不工作的CSS类
- 18. 如何在原生反应中按百分比定义宽度?
- 19. 百分比边框的宽度
- 20. 获取宽度的数字百分比
- 21. 带边框的ul百分比宽度
- 22. setAttribute画布的宽度百分比
- 23. 3个百分比的宽度
- 24. 的Android百分比宽度布局
- 25. widthPercentage宽度百分比不是iTextSharp的
- 26. 保持图像宽高比,并使用宽度百分比
- 27. 当宽度为百分比时,我如何将表格的高度与表格的宽度相匹配?
- 28. 如果父母有百分比宽度,使表100%宽度
- 29. 定义div的宽度作为高度的百分比
- 30. 如何获得风格的价值 - “宽度”使用红宝石的百分比?
我也想知道。 SlickGrid速度很快,但几乎没有YUI DataTable那么受欢迎。 – 7wp 2010-06-29 21:06:14