element+ant 组件点

ant中table设置默认排序

a-table中的:column属性,设置对应的列上 item.sortOrder = params.sort_type == 'asc' ? 'ascend' : 'descend'

判断ant-table中是否有横向坐标轴

const hasHorizontalScrollbar=() => {
    const table = document.querySelector('.ant-table-content');//可修改,获得表格元素
    if (table) {
        return table.scrollWidth > table.clientWidth;
    }
    return false;
}

某一行数据禁止选中

在 Ant Design Vue 的 a-table 组件中，getCheckboxProps() 是一个函数，它作为 rowSelection 对象的一部分提供给 。此函数允许你根据每行的数据定义选择框（checkbox）的属性，比如禁用某些行的选择框。
这个函数应该返回一个对象，该对象包含了所有需要应用于相应行选择框的 HTML 属性。例如，你可以使用该函数来检查数据并根据条件禁用某些行的选择框。

<template>
  <a-table
    :columns="columns"
    :dataSource="data"
    :rowKey="record => record.key"
    :rowSelection="rowSelection">
    <!-- 表格列和其它内容 -->
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [
        // ... 列配置 ...
      ],
      data: [
        // ... 数据项 ...
        { key: '1', name: 'John Brown' },
        { key: '2', name: 'Jim Green', disabled: true }, // 假设此行的选择框应该被禁用
        // ... 其它数据项 ...
      ],
      rowSelection: {
        getCheckboxProps: record => ({
          // 根据数据项的属性动态设置选择框属性
          disabled: record.disabled, // 禁用属性会使选择框不可点击
        }),
      },
    };
  },
};
</script>