我有一个Kendo Grid
,希望对移动设备有所了解。我并不真的在乎列的大小调整,我只希望能够水平滚动并仍然看到所有列。
我将引导类.table-responsive
添加到了包含div
的网格中,但是只有一半有效。它添加了水平滚动条,我仍然可以滚动并查看移动设备上的所有列,但是网格不再在主窗口/视口之外正确渲染。
我不确定这是Kendo还是Bootstrap问题,但我很想找到解决此问题的方法。
我还知道,如果我为每列设置宽度,那么在渲染网格时,Kendo将添加水平滚动,并且效果会很好。但是,我不想依赖固定宽度的列,而是希望这些列能够适应其中的内容。
这是桌面上的网格外观(您可能需要单击图片以查看其全分辨率):
这是手机上的样子。第一张图片是加载页面时的呈现方式。第二张图片水平滚动以查看网格的其余部分。
有什么想法吗?