如何在mdDataTable中指定列的宽度？

Question

我正在使用this在Angular中创建一个材质表。

以下是我的HTML： -

＆＃13;

＆＃13;

    <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>

＆＃13;

＆＃13;

＆＃13;

我需要为第一列（i-e Date）定义一个特定的宽度，我无法这样做。

Answer 1

试试这个...第一个可见列位于索引2.希望它有所帮助。

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

插入所需的宽度和格式 - 我实际使用的是7vw。