는 각 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 속성을 열 정의로 설정해야합니다.