layui穿梭框可以显示多列吗

Posted 2023-03-15

答案是肯定的，Layui穿梭框可以显示多列，它可以支持多列的显示，可以根据需要自定义列的宽度，以及每列的显示内容。它还支持多种排序方式，可以根据用户的需求进行自定义排序，使用起来非常方便。此外，Layui穿梭框还支持多种数据源，可以从本地数据源或远程数据源中获取数据，以满足不同的需求。总之，Layui穿梭框可以满足您的多列显示需求，使用起来非常方便。 参考技术A layui穿梭框可以显示8列，因为更多的列数需要对内存的要求太高，所以只显示了八列。 参考技术B 1、穿梭框

Layui从2.5.0版本增加了穿梭框，但项目要求左右两边均是表格，无奈只好使用第三方的穿梭框。

2、左右两边的表列数显示不一样

在原代码的基础上修改，使之支持两表的列定义。

3、未选择行，两表中间的按钮依然可以点击

由于原按钮显示状态是完全正确的，只是无选中的行时按钮未禁用，所以只需要在相应的按钮上用removeAttr和attr移除禁用属性和添加禁用属性。

4、右表某一列需要显示下拉框

对应列使用模板实现。

5、下拉框中的数据是从服务端动态获取的

模板中使用laytpl即可实现。

6、下拉框只能显示在td中，无法完整显示

增加样式如下：

7、模板代码中给select标签增加data-属性，用于保存对象的id值。下拉框选择时会触发以下代码：

Transfer 穿梭框组件-基于layui

在线体验

github:https://github.com/9499574/layui-transfer