ant table组件使用心得-表头不对齐解决办法

下面是我闲暇时总结的JS、CSS、算法总结，欢迎大家点赞、star～～

• 有趣实用的CSS效果
• 前端博客 传送门
• LeetCode个人题解 传送门

正文

实习期间遇到需要列表展示数据的需求，从ant开源库上拿下来示例代码如下
使用的场景时在react项目中，所有直接引入

一、使用

1.引入组件
import { Table } from 'antd';
2.手动写入需要渲染的数据
这里不细说了，在模版中，为你提供了很多种排列方式，有跨行显示，也有跨列显示
3.render中写table组件

<Table
	columns={columns}//数据展示格式
	dataSource={data}//数据渲染内容
	bordered
	size="middle"
	scroll={
  { x: '130%', y: 240 }}/如果不需要滑动条这一行可以去掉～
/>