角度材质 - 使用隐藏属性

我在使用表格中角度材质提供的隐藏属性时出现问题，我试图在某些断点处隐藏列。角度材质 - 使用隐藏属性

我有一个非常简单的表格示例，其中使用隐藏标题和行单元格属性，像这样：

<md-card layout="row"> 
     <table class="main-table" layout-fill flex layout="column"> 
     <thead flex> 
      <tr layout="row"> 
      <th flex hide-sm>Status</th> 
      <th flex hide-md>Value</th> 
      <th flex hide-md>Type</th> 
      <th flex hide-sm>Action</th> 
      <th flex hide-md>Card Number</th> 
      <th flex>Customer</th> 
      <th flex>Contact</th> 
      </tr> 
     </thead> 
     <tbody flex> 
     <tr layout="row" ng-repeat="message in vm.messageListFailures" class="pointer"> 
      <td flex hide-sm> 
      <span class="status-label message-status-failed">Never Sent</span> 
      </td> 
      <td flex hide-md> 
      £3500 
      </td> 
      <td flex hide-md> 
      Bla 
      </td> 
      <td flex hide-sm> 
      Added 
      </td> 
      <td flex hide-md> 
      12345678910 
      </td> 
      <td flex> 
      Mr John Smith 
      </td> 
      <td flex> 
      [email protected] 
      </td> 
     </tr> 
     </tbody> 
    </table> 
    </md-card>

工作codepen

当我调整预览窗格我codepen样品中，列做不要隐藏在中小型断点上。另外我注意到表格实际上并没有填充卡片的可用宽度，我在表格元素中添加了布局填充和flex，但这没有什么区别。

我在这里错过了什么？

感谢

来源

2015-12-21 mindparse

参考以下block.it作品，

<tr layout="row"> 
     <th flex class="ng-hide">Status</th> 
     <th flex class="ng-hide">Value</th> 
     <th flex class="ng-hide">Type</th> 
     <th flex class="ng-hide">Action</th> 
     <th flex class="ng-hide">Card Number</th> 
     <th flex>Customer</th> 
     <th flex>Contact</th> 
    </tr>

来源

2015-12-21 10:27:02

感谢那些工作！似乎我看到了使用属性而不是类名的文档和示例。我正在使用版本0.11.2，也许最新版本1.0+已更改？ – mindparse

角度材质 - 使用隐藏属性

回答

相关问题