登录/注册

首页 › WijmoJS专区 › 求助中心 › 查看内容

49 主题	149 帖子	452 积分

积分: 452

4368
金币
49
主题
149
帖子

最新发帖

[已处理] 设置首列宽度

wss.
初级会员 / 发表于：2020-8-27 17:52 / 查看：3536 / 回复：1

本帖子中包含更多资源

您需要登录才可以下载或查看，没有帐号？立即注册

x

收藏

回复

1 个回复

倒序浏览

KevinChen
论坛元老 / 发表于：2020-8-27 18:32:16 沙发

你好，行头列的集合用这句代码可以访问到 theFirstGrid.rowHeaders.columns，

因此可以通过它对列宽进行设置，列数进行调整，参考完整代码：

import 'bootstrap.css';
import '@grapecity/wijmo.styles/wijmo.css';
import './styles.css';
import { FlexGrid, Column } from '@grapecity/wijmo.grid';
document.readyState === 'complete' ? init() : window.onload = init;
function init() {
// generate some random data
var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','), data = [];
for (var i = 0; i < countries.length; i++) {
data.push({
country: countries[i],
downloads: Math.round(Math.random() * 20000),
sales: Math.random() * 10000,
expenses: Math.random() * 5000
});
}
// grid with extra fixed column and auto-generated scrollable columns
var theFirstGrid = new FlexGrid('#theFirstGrid');
theFirstGrid.rowHeaders.columns[0].width = 200;
theFirstGrid.rowHeaders.columns.push(new Column()); // extra fixed column
theFirstGrid.itemsSource = data; // auto-generate scrollable columns
// grid with no fixed columns and custom scrollable columns
var theSecondGrid = new FlexGrid('#theSecondGrid');
theSecondGrid.rowHeaders.columns.splice(0, 1); // no extra columns
theSecondGrid.autoGenerateColumns = false; // custom scrollable columns
theSecondGrid.itemsSource = data;
var cols = theSecondGrid.columns;
cols.push(new Column({ binding: 'country', header: 'Country' }));
cols.push(new Column({ binding: 'sales', header: 'Sales' }));
cols.push(new Column({ binding: 'expenses', header: 'Expenses' }));
}

复制代码

地址：https://demo.grapecity.com.cn/wi ... /Collections/purejs

完整替换app.js即可看到效果

评分

参与人数 1	满意度 +5	收起理由
wss.	+ 5	很给力!

查看全部评分

回复 使用道具举报