Bootstrap 4选项卡中的Datatable响应

文章/答案/技术大牛

发布

1回答

datatable、responsive

我正在开发一个具有响应式datatable jsf应用程序。它在真正的手机上不能很好地工作。当我触摸并向上/向下滚动表格时，它会正确显示。以下是用于响应的代码：Java脚本：结果如下：<code>B2</code>我还将应用程序放到了我的测试服务器上： <code

浏览 20提问于2019-04-02得票数 0

回答已采纳

1回答

页加载时不能完全宽度的数据头

javascript、datatables、header、modal-dialog

当用可数据加载我的web应用程序页面时，将加载datatable，但<thead>行不是表的完全宽度。我的正常数据是好的，但这个是加载在一个模态。代码模式： </div></div&g

浏览 4提问于2017-02-08得票数 12

回答已采纳

5回答

使用非活动选项卡上的Bootstrap装饰的DataTable的标题较窄

twitter-bootstrap、datatables

我正在使用DataTables和Bootstrap，并得到了所有的工作。然后我需要一个标签中的表格，当我这样做的时候，表格标题开始变窄，正好适合标题文本的宽度。如果该选项卡在页面显示时处于活动状态，则该表看起来很棒。您可以看到我所指的。选项卡1看起来没问题。选项卡2的页眉较窄。如果我启用排序并单击制表符2上的列，页眉将扩展到适当的宽度，但始终以窄开头。

浏览 4提问于2012-07-13得票数 5

回答已采纳

1回答

jQuery数据表在放置在另一个div中的行中不会响应

jquery、bootstrap-4、datatables

我有一个，当行被放到另一个DataTable中时，它不会响应。当我把这行放在div之外时，一切都如预期的那样。我应该修复什么才能获得响应性？</table> var table = $('[data-table="t

浏览 9提问于2020-08-24得票数 0

回答已采纳

2回答

发亮的bslib()和引导卡内的数据

css、r、bootstrap-4、shiny

我喜欢将东西放入卡片中的设计选项，比如这里从blslib() 中获取的可复制示例。这并没有像预期的那样在我的屏幕上呈现。应该有10行是可见的，在我的屏幕上，用滚动条呈现两行。bs4_card <- function(body, title) { class = "card", div(classuiOutput("da

浏览 8提问于2022-02-13得票数 1

回答已采纳

1回答

响应型BootStrap 4选项卡

html、responsive-design、tabs、bootstrap-4

我正在为BootStrap 4选项卡使用以下代码。Details</div></div> 我如何使它的响应

浏览 0提问于2018-11-20得票数 0

回答已采纳

1回答

jQuery数据表响应在引导选项卡中不起作用

jquery、datatables

我是jQuery数据表的新手，现在正在使用响应式jQuery数据表。在这里，我遇到了一个jQuery数据表响应部分的问题。第一个选项卡工作正常，当我转到第二个选项卡"payee“时，它不工作(加号将不会出现)。带有加号的"Click Me Popup“按钮也不会出现。我不知道原因，我已经尝试了下面的脚

浏览 0提问于2018-03-12得票数 0

1回答

如何为DataTables插件显示排序箭头？

jquery、image、sorting、datatables、cdn

我已经为我的html表格设置了DataTables插件，但是，虽然点击顶部一行会使表格按点击的列排序，但是排序箭头并没有显示出来。这就是我引用DataTable资产的方式(通过CDN)：注意:我还有： <link rel="stylesheet" hr

浏览 71提问于2016-09-28得票数 2

1回答

我想知道是否有人可以帮助我的响应数据表，我一直在创建一个网站。我一直在用Bootstrap 4创建它。我要在这里显示网站首页的代码，因为我想错误就在这里，因为Datatable本身很好，只有搜索框、按钮和条目选项完全超出了它们应该在的位置。因此，我想要一些帮助，特别是在这些要素。您能看到在以下方面是否有问题：如果你在我的“头脑”代码中看到任何其他错误，你想告诉我，我会很感激的。谢谢你们所有人

浏览 0提问于2018-12-03得票数 0

回答已采纳

8回答

未显示详细信息按钮的数据表

javascript、jquery、datatable

我试着在我的网站上使用数据表，但是当我在我的网站上添加了所有的东西后，它并没有像我看到的模板那样显示出来。这是模板我的意思是我看不到加号按钮，所以我看不到产品的细节。这个按钮只是显示当我使浏览器变得像这样变小，但我需要它，即使当浏览器很大，如在模板中你有什么想法，请帮帮忙？这是我遵循的模板：这是我的脚本：$('#exampl

浏览 3提问于2015-12-30得票数 5

1回答

Datatables TableTools的引导选项卡

jquery、twitter-bootstrap、export-to-excel、tabletools

我使用的是Datatable TableTools版本2.2.4。和Bootstrap v3.0.0。我正在尝试将Bootstrap选项卡中的表导出为CSV、XLS和PDF。"csv", "xls", { "mColumns": [ 1, 2, 3, <e

浏览 17提问于2015-09-03得票数 0

2回答

laraavel刀片式服务器中的引导选项卡和日期

jquery、laravel、datatables、tabs

我正在使用多个dataTables的bootstrap选项卡。我发现这个脚本将在每个选项卡中显示dataTables，但我的问题是dataTable一直在添加。<script type="text/javascript"> $('a[data-toggle="tab"]').on('shown.bs.tab',

浏览 0提问于2020-03-18得票数 0

5回答

无法绑定到'dtOptions‘，因为它不是'table’的已知属性。

angularjs、datatable、angular-datatables

:1.10.15- angular-cli version:1.2.6 我已经做了这个步骤来修复由模块"AppModule“导入的意外值

浏览 0提问于2017-09-11得票数 8

2回答

响应型jQuery数据表不能在制表符和引导模式弹出中工作

jquery、datatables

我在我的项目中使用了响应性jquery数据表，我在选项卡和弹出的问题列表中面临问题。响应性jquery数据表不能在选项卡中工作，只在第一个选项卡上工作，而不是在第二个选项卡上工作(加上符号不在jquery数据表中)。引导模式窗口还响应jquery数据表不工作(加上符号不在jquery数据表中)。请帮助我解决这个问题，我已经尝试了下面的代码，但这并没有帮助我。$(‘

浏览 2提问于2018-03-12得票数 0

5回答

引导选项卡中的数据大小不适当

jquery、twitter-bootstrap、html-table、datatables

我有一个页面，在每个选项卡中有三个引导选项卡和一个数据表。第一个选项卡中的datatable运行良好。但是，第二个选项卡中的datatable是半宽的，我不知道为什么。也没有适用于它的css。下面是第一个选项卡的屏幕截图(很好) 和第二个选项卡(半宽数据表) 我的代码： $('#compa

浏览 5提问于2016-03-29得票数 13

回答已采纳

1回答

使用bootstrap进行分页的响应式datatable或表

javascript、jquery、asp.net-mvc、twitter-bootstrap、jquery-datatables

我正在寻找一些关于如何在分页的情况下实现datatable/table的示例代码。我使用的是ASP.NET MVC。有人有使用Bootstrap 3和jQuery数据表的经验吗？两个人相处得好吗？至于如何成为响应式datatable呢？这个问题并不仅仅与Bootstrap和jQuery数据表有关，但它是我使用过的唯一一个像样的数据表。我问这个问题的原因是，我需要一个<e

浏览 2提问于2014-01-29得票数 3

回答已采纳

1回答

多制表符的JQuery数据表

jquery、datatables、pug

因此，我试图使用Datatable实现多个选项卡，比如在中。数量的会话数组，例如: session1 session2。如何在将会话数组传递给pug文件时实现多选项卡数据表？我使用的是带有pug的JQuery数据表，并且会话的数量可能有所不同。这是我现在在头部和身体中</e

浏览 0提问于2019-02-04得票数 0

2回答

响应式DataTables和引导选项卡出现问题

javascript、twitter-bootstrap、tabs、datatables

我想在Bootstrap Tabs中使用Datatables和Responsive extension。我让它单独工作。$(document).ready(function() { responsive: true $('#exampleInTab').DataTable( { } ); $('a[data-toggle

浏览 0提问于2015-09-21得票数 15

回答已采纳

1回答

带有引导带3的数据表jQuery插件-选项卡类-忽略第二个选项卡上的表选项

jquery、twitter-bootstrap、datatables

我使用引导程序3和datatables插件在不同的选项卡上使用nav-tab类生成多个表。我遇到的问题是，第二个选项卡上的datatable似乎忽略了我在选项中设置的间距，当单击表的不同页面时，这个间距似乎又发生了变化！不过，第一个选项卡上的表工作得很好。第一页的截图：第二栏：我正在文档就绪函数中设置表： $('#single_g

浏览 2提问于2016-02-14得票数 1

2回答

jquery可数据样式不能正常工作

jquery、asp.net-mvc、datatables

我已经包含了所有必要的库，使用了具有正确语法的datatable，但出于某种原因，我不知道为什么表样式会中断。这是我的密码<table id="testCategory" class="table table-bordered table-hover">section scripts <script> $(document).ready(fu

浏览 1提问于2018-04-12得票数 0

回答已采纳

点击加载更多