小编Kap*_*dhi的帖子

我在Grid中插入了一些虚拟对象,在网格中显示的数据发现了一些问题.这是我的代码:

HTML:

<div class="gridStyle" ui-grid="gridOptions"></div>

JS:

$scope.myData = [{
    JobId: '196',
    siteType: 'abc',
    Title: 'Happy womans day',
    Message: 'hello',
    devicetype: 'A',
    jobDuration: '819',
    totalMsgs: '2016',
    msgsDelivered: 'Msg not found In the whole Body',
    msgsFailed: '789',
    jobCreatedDate: '11-03-2015',
    jobCreatedBy: 'abc@abc.com'
}];
$scope.gridOptions = {
    data: 'myData'
};

css:

.ui-grid-header-cell .ui-grid-cell-contents {
    height: 48px;
    white-space: normal;
    -ms-text-overflow: clip;
    -o-text-overflow: clip;
    text-overflow: clip;
    overflow: visible;
}

数据显示在网格中,但只有一些固定宽度.无法包装长文本,例如:未找到Msg在整个Body中,显示为Msg not foun ...........

1. 如何增加每列的宽度？
2. 我无法将长文本行包装成2-3行,整个文本只显示在一行中
3. 以上css仅适用于标题