Ant 设计表未在 Jhipster 7.3.1 中显示其样式属性

Question

我尝试使用 Ant design table 在组件上显示数据，但是 table 除了文本之外没有显示。什么类型的数据-table 我可以使用与我的 jhipster 版本很好地融合的 crud 功能..

查看代码

       import { Table } from 'antd';
       const [gridData, setGridData] = useState([]);


         useEffect(() => {
         loadData();
        }, []);

        const loadData = async () => {
        const response = await axios.get(apiUrl);
        setGridData(response.data);
      };

        const modifiedData = gridData.map(({ ...item }) => ({
        ...item,
         key: item.id,
         }));

       const columns = [
      { title: 'ID', dataIndex: 'id' },
      { title: 'Name', dataIndex: 'name', editable: true },
       ];

       return (
          <>
    <h2>Hello</h2>
    <Table columns={columns} dataSource={modifiedData} bordered />
     </>
    );
    };

Answer 1

我在 App.scss 文件中添加了这行代码。它让应用程序感知包的存在。

     @import '~antd/dist/antd.css';

Ant 设计表未在 Jhipster 7.3.1 中显示其样式属性

Ant design tables not displaying its style properties in Jhipster 7.3.1

reactjs

jhipster

antd