Как указать ширину столбца в 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>

мне нужно определить конкретную ширину первого столбца (я-е Дата), которые я не могу сделать это.

Answer 1

Попробуйте это ... Первая видимая колонка указана в индексе 2. Надеюсь, это поможет.

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

Вставьте нужную ширину и формат - я фактически использовал 7vw.