隐藏移动设备的一些内容

时间:2015-05-06 14:38:31

标签: angularjs twitter-bootstrap-3 responsive-design

我使用ngtable

...
<td data-title="'Recherche par Marque'" filter="{ 'Marque': 'select' }" filter-data="names($column)"
...

当我的应用在移动设备下运行时,我想要隐藏数据标题。 我知道我确实使用responsive-utilities,但我不知道我能把这个类.hidden-xs` ..?

我只想隐藏data-title

1 个答案:

答案 0 :(得分:1)

您可以添加两个带有和不带标题的<td>元素,并使用隐藏和显示的类来显示它们:

<td class="hidden-xs" data-title="'Recherche par Marque'" filter="{ 'Marque': 'select' }" filter-data="names($column)">
<td class="visible-xs" filter="{ 'Marque': 'select' }" filter-data="names($column)">

如果td大于xs,则会显示带有标题的xs,并在return key.replace(/\{[0-9]\}/g, function myFunction(i){return vals[i];}); ^------^---- here 时显示另一个没有标题的广告。