我在div中有两行单词(基本文本输出,还没有表等),例如
a b c d e f g h i
1 2 3 4 5 6 7 8 9
Run Code Online (Sandbox Code Playgroud)
现在这些列表可能很长,并且格式在小型监视器上很容易破坏.它看起来像这样:
a b c d e f
g h i
1 2 3 4 5 6
7 8 9
Run Code Online (Sandbox Code Playgroud)
但是我希望这样:
a b c d e f
1 2 3 4 5 6
g h i
7 8 9
Run Code Online (Sandbox Code Playgroud)
我怎样才能做到这一点?我想使用纯HTML功能,没有Javascript依赖.
我有一个表与jQuery DataTables,并希望允许手动行重新排序.因此,我使用的是一个jQuery插件,可以在DataTables中启用行重新排序.
问题是通过启用行重新排序,我无法再对表进行排序.rowreordering-plugin的程序员明确表示这是插件的工作方式,请参阅此处的讨论:https://code.google.com/p/jquery-datatables-row-reordering/issues/detail? id = 1
现在我想在手动重新排序之后启用排序,并在排序后同样重新排序.如果排序破坏了手动订单并将其"反转",那就没问题了.
我想这是插件源代码中最相关的部分:
return this.each(function () {
var oTable = $(this).dataTable();
var aaSortingFixed = (oTable.fnSettings().aaSortingFixed == null ? new Array() : oTable.fnSettings().aaSortingFixed);
aaSortingFixed.push([properties.iIndexColumn, "asc"]);
oTable.fnSettings().aaSortingFixed = aaSortingFixed;
for (var i = 0; i < oTable.fnSettings().aoColumns.length; i++) {
oTable.fnSettings().aoColumns[i].bSortable = false;
/*for(var j=0; j<aaSortingFixed.length; j++)
{
if( i == aaSortingFixed[j][0] )
oTable.fnSettings().aoColumns[i].bSortable = false;
}*/
}
oTable.fnDraw();
Run Code Online (Sandbox Code Playgroud)
通过在for循环中将aoColumns [i] .bSortable设置为'true',可以在表中启用排序,但如果单击列则没有任何影响.我正在寻找如何解决这个问题的想法.问题讨论的最后一个条目是有前景的,但它似乎对我没有用.
我正在使用DataTables 1.9.0和jQuery 1.7.1,因为该插件不适用于Datatables 1.10或jQuery 2.
Datatables中的内置复制到剪贴板功能可以复制具有所选行的表头,因此它会像这样粘贴(标题,数字和注释是列):
Title Number Comment
Test 102 "nice"
Test2 103 "ok"
Run Code Online (Sandbox Code Playgroud)
我需要这样:
Title: Test Number: 102 Comment: "nice"
Title: Test2 Number: 103 Comment: "ok"
Run Code Online (Sandbox Code Playgroud)
复制按钮的我的数据表设置目前是这样的:
dom: 'Bfrtip',
buttons: {
buttons: [
{
extend: 'copyHtml5',
text: 'Copy Selected Rows',
header: false,
exportOptions: {
modifier: {
selected: true
}
}
}
]
}
Run Code Online (Sandbox Code Playgroud)
有存档功能吗?或者我该如何修改复制过程?
我想组合两个正则表达式。第一个是负向前瞻:
^(.(?!(test)))*$
Run Code Online (Sandbox Code Playgroud)
它与我的不包含“测试”的数据相匹配。
现在我想将其与基本搜索结合起来:我想查找不包含“test”(字符串1)但包含“fix”(字符串2)的数据。如何将这两个组合成一个正则表达式?
就我的目的而言,只要“test”不出现并且“fix”出现,这些字符串出现在哪里并不重要。
我想在Twitter Bootstrap中处理两个不同的模态对话框.
所以我的想法是,我只需复制模态对话框HTML并创建一个新按钮(BTN2) data-toggle="modal2".点击新按钮(BTN2),第二个模态对话框应显示,而不是第一个.
我点击BTN2尝试了它,但没有出现任何对话框.但是,在现有按钮(BTN1)上,两个对话框都会显示出来.
这是当前的模态对话框.是的,它基于bootstrap.com提供的示例,因此是bs-example-modal-lg类.
<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="PodcastModal" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<ul class="nav nav-tabs" role="tablist" id="list"></ul>
</div>
<div class="modal-body">
<div id="items"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Done!</button>
</div>
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
这是调用模态对话框的按钮.
<div class="btn-group">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">
<span class="glyphicon glyphicon-plus"></span> <span class="hidden-xs">Add</span>List</button>
</div>
Run Code Online (Sandbox Code Playgroud)