How to make table horizontally scrollable with a lot of columns?

[JiPolik]

No description provided.

[Messilimeng]

hello can you tell me how to do it, i want use it in mobile website，with lot of columns ，want it scrollable when i move it to left or right,thanks

[kenberkeley]

@Messilimeng

vue2-datatable/examples/src/Fixed/index.vue

Lines 11 to 26 in 32a4a64

	data: () => ({
	fixHeaderAndSetBodyMaxHeight: 200,
	tblStyle: 'table-layout: fixed', // must
	tblClass: 'table-bordered',
	columns: [
	{ title: 'User ID', field: 'uid', sortable: true, fixed: true },
	{ title: 'Username', field: 'name' },
	{ title: 'Age', field: 'age', sortable: true },
	{ title: 'Email', field: 'email' },
	{ title: 'Country', field: 'country', fixed: 'right' }
	].map(col => (col.colStyle = { width: '200px' }, col)),
	data: [],
	summary: {},
	total: 0,
	query: {}
	}),

[Messilimeng]

@kenberkeley 你好 我用的是移动端vant 能不能不用bootstrap样式呢？

[kenberkeley]

Unfortunately nope

[Messilimeng]

不可以啊？好的那只能换一种方式了 谢谢