7702


現在下記ソースのようにjqueryのcolumnsを使用して実装をしています。  
データの無い行も含めて常に５０行を表示したいのですが、方法が分かりません。  
また、常に５０行を表示したいので、表示行数設定は削除したいです。  
ご教授をお願いします。

[code]

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>DataTable</title>
    <link id="style" href="css/classic.css" rel="stylesheet" media="screen">
    </head>
    <body>
    
    <div id="columns"></div>
    
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="js/jquery.columns.min.js"></script>
    <script>
    $(function () {
       // 取得した入力を基に、URL作成
       var url = "http://ooo";
       // 表示欄にjsonのデータを出力
        $.get(url, function (json) {
        $('#columns').columns({
            data: json
        });
      });
    });
    </script>
    
[/code]

  


CC BY-SA 3.0
2015-03-10T05:42:33.693
7701
2015-03-10T07:55:51.057
2015-03-10T07:55:51.057
7626
7626
question
javascript html jquery css
データの無い行も含めて、常に５０件表示したい


columnsはSchemaというオプションの中にtemplateを追加してデフォルトのtemplateをカスタマイズできます。show
rowsの非表示や表示行の固定もそこで出来ます  
下記のTemplatingの項を参照  
<http://eisenbraun.github.io/columns/>


CC BY-SA 3.0
2015-03-10T05:48:25.867
7702
2015-03-10T06:19:45.030
2015-03-10T06:19:45.030
525
525
7701
answer


要素を50件で切り出し、50件未満の場合には空のオブジェクトを追加するという方法を考えましたがどうでしょうか。

[code]

    json = json.slice(0, 50);
    for(var i=json.length; i<50; i++){
      json.push({});
    }
    
[/code]


CC BY-SA 3.0
2015-03-10T06:13:52.610
7705
2015-03-10T06:13:52.610
8351
7701
answer


後でreject覚悟でcolumnsのgithubでissue作ってみますが。  
もしjquery.columns.jsを修正してもよければ……。

[code]

    [jquery.columns.js]
     this.paginate = function() {
     …省略…
       $this.data = $this.data.slice($this.range.start-1,$this.range.end);
    +  if ($this.blank) {
    +    var gap = $this.size - $this.data.length;
    +    for (var i = 0; i < gap; i++) {
    +      $this.data.push($this.blank);
    +    }
    +  }
     }
    
[/code]

として、呼び出し側のオプションで

[code]

    $('#columns').columns({
        data: json,
        blank: {"年": "", "国": "", "都市": ""}
    });
    
[/code]

とすることで対応可能かと思います。  
修正範囲が少ないので検討してみてください。

追伸：  
見てもらえるのかも不明ですがrequest投げました。  
<https://github.com/eisenbraun/columns/pull/8>


CC BY-SA 3.0
2015-03-10T07:04:24.573
7711
2015-03-10T07:38:59.253
2015-03-10T07:38:59.253
8335
8335
7701
answer