layui table 怎么设置单选

在 layui table 中，可以通过设置 `lay-skin` 属性为 `'line'` 来实现单选效果。具体步骤如下：

1. 在表格中添加一个 radio 列，用于显示单选框。

<table id="demo" lay-filter="test"></table>

<script type="text/html" id="radioTpl">
  <input type="radio" name="radio" lay-skin="primary">
</script>

2. 在 JavaScript 中，通过设置 `table.render` 方法的 `cols` 参数来设置表格的列属性。

// 渲染表格
table.render({
  elem: '#demo',
  url: '/demo/table/user/',
  cols: [[
    {type: 'radio'},
    {field: 'id', title: 'ID', width: 80},
    {field: 'username', title: '用户名', width: 120},
    {field: 'sex', title: '性别', width: 80, sort: true},
    {field: 'city', title: '城市', width: 100},
    {field: 'sign', title: '签名', width: 150},
    {field: 'experience', title: '积分', width: 80, sort: true},
    {field: 'score', title: '评分', width: 80, sort: true},
    {field: 'classify', title: '职业', width: 100},
    {field: 'wealth', title: '财富', width: 135, sort: true},
  ]]
});

在上面的代码中，我们添加了一个 `type: 'radio'` 的列，用于显示单选框。注意，此时表格并没有设置单选效果。

3. 在 JavaScript 中，通过设置 `table.on` 方法来实现单选效果。

// 监听单选框点击事件
table.on('radio(test)', function(obj){
  console.log(obj.data); // 获取选中的数据
});

在上面的代码中，我们监听了 `test` 这个过滤器对应的表格中的单选框点击事件。当用户点击单选框时，我们可以通过 `obj.data` 获取到选中的数据。同时，此时表格已经设置了单选效果。