Блог

Главная - Вопросы по программированию - Как указать ширину столбца в mdDataTable?

Как указать ширину столбца в mdDataTable?

#angularjs #angular-material

#angularjs #angular-материал

Вопрос:

Я использую это для создания таблицы материалов в Angular.

Ниже приведен мой 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>

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

Комментарии:

1. вы нашли решение для этого?

Ответ №1:

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

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

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