如何将水平滚动条添加到jquery.bootgrid

时间:2016-06-19 06:54:15

标签: javascript jquery css asp.net-mvc jquery-bootgrid

我正在使用jquery bootgrid显示一些数据(http://www.jquery-bootgrid.com/),是否有人可以帮助将水平滚动条添加到此网格中?

我尝试将它放入具有overflow-x样式的div中,但它会同时滚动导航和分页。

如果不可能,您是否可以推荐具有此功能的ASP .NET MVC的免费网格?

2 个答案:

答案 0 :(得分:3)

尝试使用以下代码设置CSS类bootgrid-table:

display: block;
width: 50px;
overflow-x: scroll;

我将测试的宽度设置为50px,但也许可以保留100%。但是,由于数据与" ..."一起崩溃,因此不确定它是否可以解决此问题。

答案 1 :(得分:3)

由于您已经在使用Bootstrap,因此可以将 <system.webServer> <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Allow-Methods" value="*" /> <add name="Access-Control-Allow-Headers" value="*" /> </customHeaders> </httpProtocol> <validation validateIntegratedModeConfiguration="false" /> <modules runAllManagedModulesForAllRequests="true"> <remove name="WebDAVModule" /> </modules> <handlers> <remove name="ExtensionlessUrlHandler-Integrated-4.5" /> <add name="ExtensionlessUrlHandler-Integrated-4.5" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" resourceType="Unspecified" requireAccess="Script" preCondition="integratedMode,runtimeVersionv4.5" /> <remove name="WebDAV" /> </handlers> </system.webServer> 类添加到表元素的外部div

table-responsive

小提琴:https://jsfiddle.net/u5w4w24s/1/