交换两张桌子

时间:2015-03-25 21:08:29

标签: javascript jquery html angularjs html5

我想允许用户在html页面上交换两个表的位置。理想情况下,我想创建一个用户设置,通过单击此按钮将表1放在顶部或单击此按钮将表2放在顶部或单选框上来完成此操作。 怎么能做到这一点?

编辑:表格中的数据通过angularjs函数提供,并且是动态的。它会根据服务器消息而更改。我认为这将与Jquery或角上的东西有关,以实现这一目标。我不想通过为两个表格多次处理代码来进行ng-show。

2 个答案:

答案 0 :(得分:0)

不完全确定你的问题,但是如果你可以把你的两张桌子放在一起。您可以使用float-left和float-right类来使用具有某些条件的ng-class来控制它们的位置

<table ng-class="condition1: 'float-left', condition2: 'float-right'" style="width: 50%">
</table>

<table ng-class="condition1: 'float-right', condition2: 'float-left'" style="width: 50%">
</table>

<style>
.float-left {
float: left;
}

.float-right {
float: right;
}
</style>

答案 1 :(得分:0)

我已经自己想出了这个问题,解决方案看起来很简单,效果很好!

我之前和之后使用了jQuery函数来获得所需的效果。