iview表格内容居中

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/m0_37508531/article/details/88885376

  一般的iview的表格的样式在这里插入图片描述
  表格内容都是居左显示的,如果表格的内容很多的话,如下:
在这里插入图片描述
  个人觉得有点丑,所以在之前代码的基础上,需要加一些代码:

columns:[
	{
 		title:"食物详情",
 		key:"foodName",
 		align:"center",
		width:400
 	}
]

  居中并设置宽度,效果如下:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_37508531/article/details/88885376
今日推荐