是否可以从 md-list 和 md-list-item 创建 table？

Question

我不想为此使用 angular-material-data-table，因为它是一个不同的库。

以下无效：

<md-list>
  <md-list-item class="md-2-line" ng-repeat="item in todos">
     <div class="md-list-item-text" layout="row">
       <div layout="column">{{item.title}}</div>
       <div layout="column">{{item.description}}</p=div>
     </div>
  </md-list-item>
</md-list>

Answer 1

您只需将 layout-align 属性与 span 元素一起使用即可获得所需的结果。

这是代码。

<md-list style="background-color:red">
  <md-list-item class="md-2-line">
    <div class="md-list-item-text" layout="row" layout-align="start center">
      <span flex="10">Title</span>
      <span flex="5"></span>
      <span flex="30">Dessciption</span>
    </div>
  </md-list-item>
  <md-list-item class="md-2-line" ng-repeat="item in todos">
    <div class="md-list-item-text" layout="row" layout-align="start center">
      <span flex="10">{{item.title}}</span>
      <span flex="5"></span>
      <span flex="30">{{item.description}}</span>
    </div>
  </md-list-item>
</md-list>

工作示例。 http://codepen.io/next1/pen/oLWpPG

Answer 2

select 行的可能替代方案，基于单选组。

<md-radio-group>
  <div ng-repeat="" class="row">
    <div flex="" layout="row" layout-padding="" layout-align="start enter">
      <md-radio-button flex="" class="md-primary">
      </md-radio-button>
      <div flex></div>
      <div flex></div>
    </div>
  </div>
</md-radio-group>

工作示例：http://codepen.io/LouisJS/pen/pbwOVB

是否可以从 md-list 和 md-list-item 创建 table？

Is it possible to create a table from md-list and md-list-item?

angular-material