基于一个属性antd表对数据进行分组

【问题标题】：grouping the data based on one property antd table基于一个属性antd表对数据进行分组
【发布时间】：2020-03-10 19:08:43
【问题描述】：

我正在尝试将当前工作的数据分组为三个，如果我删除任何一个性别，那么我将无法获得相同的设计，

基本上如果state_name相同，那么即使只有一种性别或不止一种性别，也应该归为相同，如下所示

Codesandbox

【问题讨论】：

标签： reactjs antd

【解决方案1】：

解决了这个问题，基本上在外面有一个变量，当 sameKey 重复不将计数设置为 rowSpan 为 0 时，它将被隐藏。

逻辑

  let sameKey;
  const columns = [
    {
      title: "District",
      dataIndex: "state_name",
      key: "state_name",
      render: (value, row, index) => {
        const obj = {
          children: value,
          props: {}
        };
        if (!(sameKey !== value)) {
          obj.props.rowSpan = 0;
          return obj;
        }
        const count = data.filter(item => item.state_name === value).length;
        sameKey = value;
        obj.props.rowSpan = count;
        return obj;
      }
    },

见codesandbox

【讨论】：