- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
所以我正在尝试使用 adminlte 模板创建数据表:
var tblCardHistory;
tblCardHistory = $("#cardhistorynew-table").DataTable({
"deferRender": true,
"paging": true,
"lengthChange": true,
"searching": true,
"ordering": true,
"info": true,
"autoWidth": true,
columns: [
{ data: "emp_id" },
{ data: "name" },
{ data: "card_no" },
{ data: "change_time" },
{ data: "change_date" }
]
});
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<div class="box-body">
<div id="cardhistorynew-table_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
<div class="row">
<div class="col-sm-12">
<table id="cardhistorynew-table" class="table table-bordered table-striped table-hover data-table" role="grid" aria-describedby="cardhistorynew-table_info">
<thead>
<tr role="row">
<th class="sorting_asc" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Employee Id</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Name</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Card Number</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Creation Time</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Creation Date</th>
</tr>
</thead>
<tbody>
<!-- rows -->
</tbody>
</table>
</div>
</div>
</div>
</div>
它正在正确地应用样式。然后我尝试实现搜索、分页等。
除了 search 和 show..entries 标签外,它会正确应用样式:
抱歉,如果我在这里遗漏了一些非常明显的东西。需要帮助;m;
最佳答案
在样式中使用 bootstrap.min.css
。寻找代码片段。
var tblCardHistory;
tblCardHistory = $("#cardhistorynew-table").DataTable({
"deferRender": true,
"paging": true,
"lengthChange": true,
"searching": true,
"ordering": true,
"info": true,
"autoWidth": true,
columns: [
{ data: "emp_id" },
{ data: "name" },
{ data: "card_no" },
{ data: "change_time" },
{ data: "change_date" }
]
});
<link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet"/>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<div class="box-body">
<div id="cardhistorynew-table_wrapper" class="dataTables_wrapper form-inline dt-bootstrap">
<div class="row">
<div class="col-sm-12">
<table id="cardhistorynew-table" class="table table-bordered table-striped table-hover data-table" role="grid" aria-describedby="cardhistorynew-table_info">
<thead>
<tr role="row">
<th class="sorting_asc" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Employee Id</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Name</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Card Number</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Creation Time</th>
<th class="sorting" tabindex="0" aria-controls="cardhistorynew-table" rowspan="1" colspan="1">Creation Date</th>
</tr>
</thead>
<tbody>
<!-- rows -->
<tr>
<th scope="row">1</th>
<td>Mark 1</td>
<td>Otto</td>
<td>@mdo</td>
<td>@twitter 3</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Mark 10</td>
<td>Otto</td>
<td>@mdo</td>
<td>@twitter 3</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
<td>@twitter 4</td>
</tr>
<tr>
<th scope="row">4</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
<td>@twitter 5</td>
</tr>
<tr>
<th scope="row">5</th>
<td>Mark 5</td>
<td>Otto 5</td>
<td>@mdo 5</td>
<td>@twitter 5</td>
</tr>
<tr>
<th scope="row">6</th>
<td>Mark 6</td>
<td>Otto 6</td>
<td>@mdo 6</td>
<td>@twitter 6</td>
</tr>
<tr>
<th scope="row">7</th>
<td>Mark 7</td>
<td>Otto 7</td>
<td>@mdo 7</td>
<td>@twitter 7</td>
</tr>
<tr>
<th scope="row">8</th>
<td>Mark 8</td>
<td>Otto 8</td>
<td>skb 8</td>
<td>@twitter 8</td>
</tr>
<tr>
<th scope="row">9</th>
<td>Mark 9</td>
<td>Otto 9</td>
<td>@mdo 9</td>
<td>@twitter 9</td>
</tr>
<tr>
<th scope="row">10</th>
<td>Mark 10</td>
<td>Otto 10</td>
<td>@mdo 10</td>
<td>@twitter 10</td>
</tr>
<tr>
<th scope="row">11</th>
<td>Mark 11</td>
<td>Otto 11</td>
<td>@mdo 11</td>
<td>@twitter 11</td>
</tr>
<tr>
<th scope="row">12</th>
<td>Mark 9</td>
<td>Otto 12</td>
<td>@mdo 12</td>
<td>@twitter 12</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
关于jquery - AdminLTE 数据表未将样式应用于标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53204126/
似乎Admin LTE设置了min-height ` 和侧边栏的值。出于某种原因,在我的例子中,这个值计算得比它应该的要高得多,这导致侧栏不必要地长。请参阅下面的屏幕截图。 如何解决这个问题? 最佳答
如何修复左侧导航。我正在使用 Nuget 的 AdminLTE 2.0。 错误是当我切换侧边时它会折叠整个侧边栏。但是模板在切换时应该部分折叠侧边栏。我用了 编辑 我尝试下载模板,它运行良好,我在正
我是 ReactJS 的新手。我想在我的项目中使用 ReactJS-AdminLTE。谁能告诉我如何逐步使用它。 我遵循的步骤 1) 我使用 https://www.tutorialspoint.co
我正在使用 AdminLTE 仪表板。在侧边栏 TreeView 菜单中,单击菜单后删除事件类。 AdminLTE 最佳答案 将此 JavaScript 添加到页脚 *this works for a
有没有办法去掉 “准备好出售您的主题了吗?现在就将您的主题提交到我们的新市场,让超过 20 万访问者看到它!让我们开始吧!" 来自 AdminLte。 下面是消息的图像。 最佳答案 您可以从 admi
AdminLTE 一个基于 Bootstrap 的管理模板。 我想知道是否可以使 box-widget 扩展到全屏模式(第二个按钮)。 我正在寻找是否有任何 CSS 类或 JavaScript 提示可
我的 AdminLTE 迷你边栏出现了这个奇怪的问题(当我按下“切换”按钮时)。 在正常模式下工作正常,但当我折叠侧边栏时,标题和树之间的这个空间出现,这会扰乱功能,因为当我将指针移到该空间菜单上时,
目前我正在使用 adminlte 模板,我想制作一个具有粘性行为的元素,但我不知道即使放在不同的 div 中我也做不到。 我想把粘性 div 放在导航栏下面(在这个橙色的 div 中): CSS: .
所以我正在尝试使用 adminlte 模板创建数据表: var tblCardHistory; tblCardHistory = $("#cardhistorynew-table").DataTabl
AdminLTE 基于 Bootstrap:https://github.com/almasaeed2010/AdminLTE 实时预览: http://almsaeedstudio.com/prev
我为我的复选框使用了iCheck类: ... ... ... ... ... $(function() { $("span
在 AdminLTE 主题中,当我折叠边栏时,它会将菜单标题隐藏在右拉容器图标下。请检查下图以获得清晰的想法。 Error Image 是否可以换行? 这是我的代码:
我环顾四周,但找不到这样的问题,可能是一个愚蠢的问题,但我找不到答案。 我刚刚安装了“adminlte-rails”gem,当我将示例代码粘贴到左侧边栏时,它可以正常工作,但框的颜色不正确,这是我正在
我整个晚上都遇到这个问题。我将单击按钮,但我没有收到任何数据或警报。请帮我。所以很抱歉我的英语不好。我会努力学习。 $(document).ready(function() { $("
我正在尝试使用切换按钮打开和关闭侧边栏,并且在侧边栏打开的同时我希望它在我们单击正文时关闭。问题是当我点击正文关闭侧边栏时,它实际上运行良好但切换按钮似乎根本不起作用(我的意思是只有切换按钮的关闭事件
在 AdminLTE 主题中,当标题很长时,侧边栏菜单标题无法正确显示,它会中断行并在图标下方显示文本。我希望它从第一行的第一个字母下方开始我附上了截图图片中的“consetetur”应该从“Lore
我正在尝试将 AdminLTE3 用作 laravel 中的管理面板,并且我有导航项链接,当我单击它们时它们不会激活。我不知道如何解决这个问题。我使用了 adminLTE3 的 starter.htm
如何删除 AdminLTE 的 content-wrapper 类中的 min-height 样式。我遇到的问题是右侧栏太长,而我的页面不需要它。 当我调试并关闭最小高度时,一切看起来都很好。 我的代
我正在使用来自 adminlte 的折叠框模板。我有一个问题,当我第一次想显示这个框时(点击 - 之后),动画不起作用并且内容立即显示。再次点击后它开始工作。谁能帮我立即初始化动画?... jsfid
我有以下布局,它是 AdminLTE boxed layout template 的一个改动: HTML Header Left bar
我是一名优秀的程序员,十分优秀!