小编und*_*ned的帖子

如何使用纯HTML/CSS使"漂亮"表溢出

我在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依赖.

html css

8
推荐指数
1
解决办法
216
查看次数

在DataTables(jQuery)中进行行重新排序后排序不起作用

我有一个表与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.

jquery datatables

3
推荐指数
1
解决办法
5407
查看次数

jQuery Datatables:自定义复制到剪贴板功能

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)

有存档功能吗?或者我该如何修改复制过程?

datatables

3
推荐指数
1
解决办法
3634
查看次数

正则表达式:结合负向前瞻和常规搜索

我想组合两个正则表达式。第一个是负向前瞻:

^(.(?!(test)))*$
Run Code Online (Sandbox Code Playgroud)

它与我的不包含“测试”的数据相匹配。

现在我想将其与基本搜索结合起来:我想查找不包含“test”(字符串1)但包含“fix”(字符串2)的数据。如何将这两个组合成一个正则表达式?

就我的目的而言,只要“test”不出现并且“fix”出现,这些字符串出现在哪里并不重要。

regex

2
推荐指数
1
解决办法
2473
查看次数

Bootstrap:处理多个模态对话框

我想在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">&times;</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)

html javascript twitter-bootstrap

1
推荐指数
1
解决办法
1万
查看次数

标签 统计

datatables ×2

html ×2

css ×1

javascript ×1

jquery ×1

regex ×1

twitter-bootstrap ×1