设置Telerik Grid自动列宽

//自动列宽
function autoFitColumns(girdId) {
var $grid = $(‘#‘ + girdId).find(‘table‘);
$grid.css(‘width‘, ‘auto‘);
var $tHeadThs = $($grid[0]).find(‘th‘);
var $tBodyTds = $($grid[1]).find(‘tr‘).eq(0).find(‘td‘);
var widths = new Array();
var totalWidth = 0;
for (var i = 0; i < $tHeadThs.length; i++) {
var width1 = parseInt($tHeadThs.eq(i).css(‘width‘));
var width2 = parseInt($tBodyTds.eq(i).css(‘width‘));
var width = Math.max(width1, width2);
widths.push(width);
totalWidth += width;
}
$grid.css(‘width‘, totalWidth + ‘px‘);
for (var j = 0; j < $tHeadThs.length; j++) {
$tHeadThs.eq(j).css(‘width‘, widths[j] + ‘px‘);
$tBodyTds.eq(j).css(‘width‘, widths[j] + ‘px‘);
}
}

原文地址:https://www.cnblogs.com/nirvanan/p/12072416.html

时间: 2024-10-31 10:40:23

设置Telerik Grid自动列宽的相关文章

gridView自动列宽代码

gridView1.OptionsView.ColumnAutoWidth = false; for (int I = 0; I < gridView1.Columns.Count; I++) { this.gridView1.BestFitColumns(); this.gridView1.Columns[I].BestFit();//自动列宽 }

[转]DevExpress.XtraGrid.GridControl gridView自动列宽代码

gridView1.OptionsView.ColumnAutoWidth = false; for (int I = 0; I < gridView1.Columns.Count; I++) { this.gridView1.BestFitColumns(); this.gridView1.Columns[I].BestFit();//自动列宽 } 转:http://www.cnblogs.com/zeroone/p/4870045.html

C#中操作刚导出的Excel,设置其为自动调整列宽

[问题] 用C#导出数据为excel,但是导出的数据中,不是自动调整列宽的: 希望变成这样的: [解决过程] 1.参考: 在C#里对excel文件的列宽进行操作 去试试: //auto adjust column width (according to content) Range allColumn = xlWorkSheet.Columns; allColumn.AutoFit(); 就可以自动实现所需的效果了: [总结] 又是,先获得对应的range,此处为所有的列,然后其支持autofi

设置gridview 自动列宽

for (int i = 0; i < gridView1.Columns.Count; i++) { gridView1.Columns[i].BestFit(); } 跟 属性 columnautowidth  效果不一样

Extjs 自动列宽

//auto column width Ext.grid.Panel.prototype.viewConfig = { listeners: { refresh: function (dataview) { var cols = dataview.panel.columns; for (var i = 0; i < cols.length; i++) { cols[i].autoSize(); } } } };

Dev gridView中设置自适应列宽和日期显示格式、金额的显示格式

在Dev GridView控件中,数据库中表数据日期都是长日期格式(yyyy-MM-dd HH:mm:ss),但显示在控件变成短日期格式(yyyy-MM-dd),金额显示要显示精确的数值, 比如80.00,90.15等,但在 dev gridView中只是显示80,90 1.解决日期显示问题的代码: 设置日期的displayformat,editFormat,EditMask /// <summary>        /// 设置时间显示格式        /// </summary&g

关于OpenXml SpreadSheet列宽根据内容的Auto-suitability

因为之前接到的一个需求,让excel的宽度自动适应.所以最近一直在看Excel相关内容,从结构到.net的两个类库OpenXml和Office.Interop.Excel,再到一些具体的使用. 这次学习花费了很多东西,主要陷入了两个误区,一个是一开始先入为主的认为Openxml中微软肯定有解决方案(我以为功能很简单,而且Interop.Excel是有解决方法的,但是实际上并没有),另一个在style.xml里面陷入误区了(很想当然的认为了自动列宽应该在stylesheet.xml里面),结果好几

设置tablewidget自适应列宽和设置自动等宽

  在网上很容易知道自适应列宽,100%不留空显示,这里还是提下: /*设置表格是否充满,即行末不留空*/ ui->tableWidget->horizontalHeader()->setStretchLastSection(true);   设置了100%不留空后的效果:    在QT5之前,只要通过下面的程序就可以实现自动等宽: /*QT5版本之前设置自动等宽*/ ui->tableWidget->horizontalHeader()->setResizeMode(

datagridview 行高列宽的自动设置

1) 设定行高和列宽自动调整 [C#]// 设定包括Header和所有单元格的列宽自动调整 DataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.AllCells; // 设定包括Header和所有单元格的行高自动调整 DataGridView1.AutoSizeRowsMode = DataGridViewAutoSizeRowsMode.AllCells; AutoSizeColumnsMode 属性的设定值枚