甲方提要求要title换行显示,求解决方法

Question

是react,antd组件的table中的title

Answer 1

注意看文档：

Answer 2

table组件中，column的属性title是提供函数（3.10.0后支持）返回自定义的ReactNode

以下渲染的样式可能需要自己在调整以下

const renderTitle = name => {
  const arr = name.split(" ");
  return (
    <>
      {arr.map(item => (
        <p key={item}>{item}</p>
      ))}
    </>
  );
};


const columns = [
  {
    title: renderTitle("This is a demo"),
    dataIndex: 'name',
    key: 'name',
    render: text => <a>{text}</a>,
  },
]

Answer 3

你最好就是把报错信息贴出来看看

Answer 4

title也可以是个html标签吧？ ]ۣۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖۖ]ۖۖۖۖۖۖۖۖۖۖۖۖ