Question

我正在将我的项目加载到包含多行和多个td的表中。我使用了this链接

中的分区自定义过滤器

这是我的FIDDLE

myApp.filter('partition', function() {
  var cache = {};
  var filter = function(arr, size) {
    if (!arr) { return; }
    var newArr = [];

      if(size>arr.length)
          size=arr.length;

    for (var i=0; i<arr.length; i+=size) {
      newArr.push(arr.slice(i, i+size));
    }

    var arrString = JSON.stringify(arr);
    var fromCache = cache[arrString+size];
    if (JSON.stringify(fromCache) === JSON.stringify(newArr)) {
      return fromCache;
    }
    cache[arrString+size] = newArr;
    return newArr;
  };
  return filter;
});

当我提供更多4个元素时，它正常工作。但是当我只提供单个产品时，td占据整个tr。我只想让那个td占用它分配的空间，这样边框看起来不错。如果有人能找到解决方法，请帮助。

Answer 1

它不占用整个tr，这是因为CSS样式的width属性。所以，改变

<table style="border-collapse: collapse; width: 50px">

到

<table style="border-collapse: collapse;">

它会正确显示。

使用自定义分区显示多个tds和多个tds

1 个答案: