css - Bootstrap 修复了滚动条上的嵌套表头-6ren

css - Bootstrap 修复了滚动条上的嵌套表头

转载作者：行者123 更新时间：2023-11-28 09:07:25

由于针对该主题提供的其他解决方案(我也想避免使用 jQuery，例如此解决方案:stackoverflow)不适用于我的情况，因此我提出了一个新问题。如何使表头固定在垂直滚动条上？

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class=container>
  <div class=row>
    <div class=col-sm-12>
      <div class="table-responsive">
        <table class="table table-condensed table-bordered table-hover fixed_headers">
          <thead>
            <tr>
              <th rowspan="2" style="width: 10px"><span class="text-muted">#</span></th>
              <th rowspan="2">ID</th>
              <th rowspan="2">Name</th>
              <th colspan="4">r 1</th>
              <th colspan="4">r 2</th>
              <th rowspan="2" ng-click="sortTableBy('recognized')" class="change-sort-order">ERK
              </th>
              <th rowspan="2">ERW
              </th>
              <th rowspan="2"><span class="text-muted">Radar</span></th>
              <th rowspan="2"><span class="text-muted">RISS</span></th>
            </tr>
            <tr>
              <th>
                A 1
              </th>
              <th>
                A 2
              </th>
              <th>
                A 3
              </th>
              <th>
                A 4
              </th>
              <th>
                A 1
              </th>
              <th>
                A 2
              </th>
              <th>
                A 3
              </th>
              <th>
                A 4
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ffubfhiuwefuh
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbbjiodeijoew
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">1</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
            <tr>
              <td><span class="text-muted">100</span></td>
              <td>ididid</td>
              <td>name</td>
              <td>
                aaa
              </td>
              <td>
                bbb
              </td>
              <td>
                ccc
              </td>
              <td>
                ddd
              </td>

              <td>
                ee </td>
              <td>
                ff
              </td>
              <td>
                dd
              </td>
              <td>
                gg </td>
              <td>gg
              </td>
              <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
              </td>
              <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                                    </button>
              </td>
              <td>

              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

最佳答案

$(function () {
  var $window = $(window);
  var $table = $('table');
  var $head = $table.find('thead');
  var $body = $table.find('tbody');
  var $headTds1 = $head.find('tr').eq(0).find('th');
  var $headTds2 = $head.find('tr').eq(1).find('th');
  var $bodyTds = $body.find('tr').eq(0).find('td');
  var tableWidth = $table.outerWidth();
  var $tableNew = $('<table/>');
  var cl = 0; // colspan total length
  var cc = 0; // colspan count

  $table.css({width: tableWidth});
  $tableNew
    .attr("class", $table.attr("class"))
    .css({width: tableWidth});

  $head.css({background: '#fff'});

  $.each($headTds1, function (index, value) {
    var $headTd = $(value);
    var colspan = $headTd.attr('colspan') || 0;

    if (colspan) {
      while (colspan) {
        addwidth($($headTds2[cl]), $($bodyTds[index+cl-cc]));
        colspan--
        cl++
      }
      cc ++;
    } else {
      addwidth($headTd, $($bodyTds[index+cl-cc]));
    }
  });

  function addwidth($headTd, $bodyTd) {
    var headTdwidth2 = $headTd.outerWidth();
    var bodyTdwidth2 = $bodyTd.outerWidth();
    var width2 = headTdwidth2 > bodyTdwidth2 ? headTdwidth2 : bodyTdwidth2;
    
    $bodyTd.css({'width': width2});
    $headTd.css({'width': width2});

    var headTdwidth = $headTd.width();
    var bodyTdwidth = $bodyTd.width();
    var width = headTdwidth > bodyTdwidth ? headTdwidth : bodyTdwidth;
    $bodyTd.html('<div style="width: ' + width + 'px">' + $bodyTd.html() + '</div>');
    $headTd.html('<div style="width: ' + width + 'px">' + $headTd.html() + '</div>');
  }

  $head.appendTo($tableNew);
  $tableNew.insertBefore($table);

  $table.css({'margin-top': $tableNew.height()});

  $tableNew.css({position: 'fixed'});

  $window.scroll(reLeft);
  $window.resize(reLeft);


  function reLeft() {
    $tableNew.css({left: $table.offset().left - $window.scrollLeft()});
  }
});

body{
  overflow-x: auto;
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
    <table class="table table-condensed table-bordered table-hover fixed_headers">
        <thead>
        <tr>
            <th rowspan="2" style="width: 10px"><span class="text-muted">#</span></th>
            <th rowspan="2">ID</th>
            <th rowspan="2">Name</th>
            <th colspan="4">r 1</th>
            <th colspan="4">r 2</th>
            <th rowspan="2" ng-click="sortTableBy('recognized')" class="change-sort-order">ERK
            </th>
            <th rowspan="2">ERW
            </th>
            <th rowspan="2"><span class="text-muted">Radar</span></th>
            <th rowspan="2"><span class="text-muted">RISS</span></th>
        </tr>
        <tr>
            <th>
                A 1
            </th>
            <th>
                A 2
            </th>
            <th>
                A 3
            </th>
            <th>
                A 4
            </th>
            <th>
                A 1
            </th>
            <th>
                A 2
            </th>
            <th>
                A 3
            </th>
            <th>
                A 4
            </th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ffubfhiuwefuh
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbbjiodeijoew
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">1</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        <tr>
            <td><span class="text-muted">100</span></td>
            <td>ididid</td>
            <td>name</td>
            <td>
                aaa
            </td>
            <td>
                bbb
            </td>
            <td>
                ccc
            </td>
            <td>
                ddd
            </td>

            <td>
                ee
            </td>
            <td>
                ff
            </td>
            <td>
                dd
            </td>
            <td>
                gg
            </td>
            <td>gg
            </td>
            <td ng-class="{'success': x.expected, 'danger':!x.expected}" class="success text-center">
            </td>
            <td>
                <button type="button" class="btn btn-default btn-xs center-block">Show
                </button>
            </td>
            <td>

            </td>
        </tr>
        </tbody>
    </table>
</div>

关于css - Bootstrap 修复了滚动条上的嵌套表头，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44630256/

文章推荐： javascript - 本地比较失败的单元测试

文章推荐： javascript - getElementByID 可以深入到 SVG 文档中吗？

文章推荐： javascript - 如何正确分配 style.backgroundClip = "text"？

文章推荐： javascript - 使用 Flash 获取 HTML 文本框值

javascript - 表头/正文宽度问题
我有一个表格，其中有一个标题行和几行内容。现在这些实际上是 2 个单独的表: 用于标题正文内容(另一个 iframe 的一部分) 我希望列标题的宽度应与相应的正文内容相同。如何确保宽度相似且外观
Android 表头 View
我有一个 iPhone 应用程序，它有一个 UITableView 和一个标题。这是相当微不足道的，没有任何问题。 Android 中是否有类似 ListView 的东西？我试着搜索它，但没有找到真正
html - DOMPDF 表头
制作方法 a b c d e 始终可打印在每一页上。我的观
PHP 使用header函数设置HTTP头的示例解析表头
如下所示：复制代码代码如下: //定义编码 header( 'Content-Type:text/html;charset=utf-8 ');
javascript - 滚动时修复 HTML 表头
我有一个非常长的 HTML 表格，我需要修复标题的滚动问题，我找到了很多插件和技巧来完成它，但没有一个对我有用。我猜对我不起作用的原因是: 所有的解决方案都将表头从表中分离出来他们为每一列使用固定
java - 滚动 JTable 表头
我有一个包含 60 行(固定)的 JTable。每当事件发生时，该行内的单元格都会更新。当 NFC Reader 在卡上写入数据时触发该事件。这种情况每 2 或 3 秒发生一次。如果卡片写入正确
html - 下一页有不同边距的 TCPDF 表头
我需要打印一个带有重复表格的 pdf，具体取决于它在第一页中工作正常的记录数量，但在下一页表格标题更改边距，这是在 TCPDF 上显示我的表格的代码； $html= '
javascript - 隐藏一个 bootstrap 表头
我的表头看起来像这样:- Info blahh
javascript - 容器溢出时 float 表头？
我正在使用 position:fixed 在用户滚动到顶部时在我的表格中 float 一些标题，ala 这个方法:http://css-tricks.com/persistent-headers/ 在
jquery - 多行 float 表头
我正在使用这个脚本来 float 我的表格标题: http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html 它对我的元
c# - 从逗号分隔列表生成 HTML 表头
有没有办法从逗号分隔列表构建 HTML 表头？我正在使用反射从一个类中获取属性名称。在此之前，我定义了要从该列表中排除的属性。 var toExclude = new HashSet {
ios - 表头 View 自动布局问题
我正在将自定义 UIView 的 XIB 文件加载为 View Controller 内的 uitableview 的标题 View 。 xib 文件的文件所有者是 View Controller 。
javascript - 滚动时固定 html 表头
我有以下表结构: Current New/Requested RSD &nbs
经典前端+后端+表头+表身的开发实战参考简易模板【珍藏】
前端部分（Vue 3 + Element Plus） 1. 修改 MPS002HList.vue（主生产计划列表） a. 添加查询表单在模板中添加查询表单，包含产品料号、品名、规格和年月的输入
Python BigQuery API - 获取表架构/表头
给出一个查询示例，例如 import uuid from google.cloud import bigquery def query_shakespeare(): client = bigq
Python BigQuery API - 获取表架构/表头
给出一个查询示例，例如 import uuid from google.cloud import bigquery def query_shakespeare(): client = bigq
Jquery move 表行但不 move 表头
我的表格行可以上下 move ，但我的问题是数据表行取代了表格标题(第一行)。我想要一个固定的第一行，这样当您单击向上箭头时，您就不会向上 move 该行来替换标题。我尝试了一些条件逻辑来检查当前
javascript - 使用表数据自定义 React Antd 表头
在我的React项目中，需要自定义antd表头如下我在下面添加了示例代码。我需要在“金额”列的标题中包含金额总和示例代码: https://codesandbox.io/embed/great-
使用 rowspan 的 HTML 表头
A test table with merged cells Average Redeyes heightweight 1.90.00340% 1.70.00
java - 如何将 CSS 类添加到 AbstractColumn 表头
我需要动态更改 Wicket 数据表的 CSS 类。有什么建议吗？示例代码: public class TextColumn extends PropertyColumn private stati

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

css - Bootstrap 修复了滚动条上的嵌套表头