mdDataTableの列の幅を指定する方法は？

Question

thisを使用して、角度で材料表を作成しています。続き

は私のhtmlです： -

<md-tab label="Tests"> 
 
     <mdt-table sortable-columns="true" 
 
     animate-sort-icon="true"> 
 
     <mdt-header-row> 
 
     <mdt-column align-rule="left">Date</mdt-column> 
 
     <mdt-column align-rule="center">Subject</mdt-column> 
 
     <mdt-column align-rule="center">Chapter</mdt-column> 
 
     <mdt-column align-rule="center">Test Name</mdt-column> 
 
     </mdt-header-row> 
 
     <mdt-row ng-repeat="x in tests"> 
 
     <mdt-cell>{{x.attempted}}</mdt-cell> 
 
     <mdt-cell>{{x.subject}}</mdt-cell> 
 
     <mdt-cell>{{x.chapter}}</mdt-cell> 
 
     <mdt-cell>{{x.name}}</mdt-cell> 
 
     </mdt-row> 
 
    </mdt-table>

私はそうすることができません最初の列（I-E日）のための特定の幅を定義する必要があります。

Answer 1

試してみてください...最初の目に見える列はインデックス2にあります。

mdt-table tr td:nth-child(2) { 
    width: 50px; 
} 

私は実際に7vwを使用しました。