如何禁用調整大小在角UI電網特定列

Question

這裏是我的專欄高清

$scope.gridOpts = { 
enableColumnResizing: true, 
columnDefs : [ 
    {displayName:"Name",field:"name",width:'20%'}, 
    {displayName:"Gender",field:"gender",width:'*'}, 
    {displayName:"Company",field:"company",width:'60%'} 
    ], 
data: [ 
    { "name": "Ethel Price", "gender": "female", "company": "Enersol" }, 
    { "name": "Claudine Neal", "gender": "female", "company": "Sealoud" }, 
    { "name": "Beryl Rice", "gender": "female", "company": "Velity" }, 
    { "name": "Wilder Gonzales", "gender": "male", "company": "Geekko" } 
]}; 

我想禁用調整的最後一列（公司），目前的解決方案的工作不錯，但開始截斷和當窗口減少到某個點時添加省略號。

Answer 1

禁用最後一列調整大小設置最後一列屬性enableColumnResizing至false。

columnDefs : [ 
     {displayName:"Name",field:"name",width:'20%'}, 
     {displayName:"Gender",field:"gender",width:'*'},  {displayName:"Company",field:"company",width:'60%',enableColumnResizing:false} 
     ] 

在調整大小時添加省略號是預期的行爲。

如果要控制該行爲，則必須將minWidth屬性設置爲列定義。