Skip to main content
本文に 219 文字追加
ソース リンク
aspara_prime
  • 1,316
  • 22
  • 48
  • 76

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

<!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>

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

<!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>

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

<!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>
本文から 523 文字削除
ソース リンク
aspara_prime
  • 1,316
  • 22
  • 48
  • 76
<!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>
    $(document).ready(function () {
    // 取得した入力を基に、URL作成
   var jsonurl = [
          { "年": "1992", "国": "スペイン(Spain)", "都市": "バルセロナ(Barcelona)" },
          { "年": "1996", "国": "アメリカ合衆国(United States)", "都市": ";アトランタ(Atlanta)" },
          { "年": "2000", "国": "オーストラリア(  Australia)", "都市": "シドニー(Sydney)" },
          { "年": "2004", "国": "ギリシャ(Greece)", "都市": "アテネ(Athens)" },
          { "年": "2008", "国": "中国(China)", "都市";http: //ooo";北京(Beijing)" },;;
          { "年": "2012", "国": "イギリス(United Kingdom)", "都市": "ロンドン(London)"// },表示欄にjsonのデータを出力
          { "年": "2016", "国": "ブラジル(Brazil)", "都市": "リオデジャネイロ(Rio de Janeiro)" }$.get(url,
        function (json) { "年": "2020", "国": "日本(Japan)", "都市": "東京(Tokyo)" }
        ];
        $('#columns').columns({
            data: json
        });
    });
});
</script>
<!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>
    $(document).ready(function () {
        var json = [
          { "年": "1992", "国": "スペイン(Spain)", "都市": "バルセロナ(Barcelona)" },
          { "年": "1996", "国": "アメリカ合衆国(United States)", "都市": ";アトランタ(Atlanta)" },
          { "年": "2000", "国": "オーストラリア(  Australia)", "都市": "シドニー(Sydney)" },
          { "年": "2004", "国": "ギリシャ(Greece)", "都市": "アテネ(Athens)" },
          { "年": "2008", "国": "中国(China)", "都市": ";北京(Beijing)" },
          { "年": "2012", "国": "イギリス(United Kingdom)", "都市": "ロンドン(London)" },
          { "年": "2016", "国": "ブラジル(Brazil)", "都市": "リオデジャネイロ(Rio de Janeiro)" },
          { "年": "2020", "国": "日本(Japan)", "都市": "東京(Tokyo)" }
        ];
        $('#columns').columns({
            data: json
        });
    });
</script>
<!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>
ソース リンク
aspara_prime
  • 1,316
  • 22
  • 48
  • 76

データの無い行も含めて、常に50件表示したい

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

<!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>
    $(document).ready(function () {
        var json = [
          { "年": "1992", "国": "スペイン(Spain)", "都市": "バルセロナ(Barcelona)" },
          { "年": "1996", "国": "アメリカ合衆国(United States)", "都市": "アトランタ(Atlanta)" },
          { "年": "2000", "国": "オーストラリア(  Australia)", "都市": "シドニー(Sydney)" },
          { "年": "2004", "国": "ギリシャ(Greece)", "都市": "アテネ(Athens)" },
          { "年": "2008", "国": "中国(China)", "都市": "北京(Beijing)" },
          { "年": "2012", "国": "イギリス(United Kingdom)", "都市": "ロンドン(London)" },
          { "年": "2016", "国": "ブラジル(Brazil)", "都市": "リオデジャネイロ(Rio de Janeiro)" },
          { "年": "2020", "国": "日本(Japan)", "都市": "東京(Tokyo)" }
        ];
        $('#columns').columns({
            data: json
        });
    });
</script>