デモページ
ダウンロードページ
純国産プラグインです。使用方法も日本語です。
とにかく、元データとして JSON を想定していて、とりあえず TABLE を作成したい場合に便利です。ここから他のプラグインで加工するベースにするといいと思います。
注意事項
圧縮バージョンが配布されていないので、必要ならば自分で行う必要がありますが、packer ではエラーになるので、Online JavaScript/CSS Compressor を使用しました
サンプルコード
<script src="tableMagic/js/jquery.tablemagic-min.js"></script>
<link rel="stylesheet" href="css.php">
<style>
.trEven {
background-color: #FFFFFF;
}
.trOdd {
background-color: #F1F4F8;
}
#target table * {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;
font-size: 16px;
}
#target table {
border-collapse: collapse;
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #FFFFFF;
}
#target table td {
padding: 5px;
border-style: solid;
border-color: #000000;
border-width: 1px;
white-space: nowrap;
}
#target table th {
padding: 5px;
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: silver;
white-space: nowrap;
}
</style>
<script>
// jQuery 初期処理
$(function() {
$.get("syain.php?cond=" , function(data){
$('#target').tableMagic(
data,
{
firstColTd2Th: false
}
);
customTable();
});
});
function customTable() {
$("table").find("th").eq(6).css("text-align", "right");
$("table").find("th").eq(7).css("text-align", "right");
$("table").find("tr").each( function(){
$(this).find("td").eq(6).css("text-align", "right");
$(this).find("td").eq(7).css("text-align", "right");
var kyuyo = $(this).find("td").eq(6).text();
kyuyo = parseInt(kyuyo,10);
kyuyo = kyuyo.toLocaleString();
$(this).find("td").eq(6).text(kyuyo);
var teate = $(this).find("td").eq(7).text();
if ( teate != "" ) {
teate = parseInt(teate,10);
teate = teate.toLocaleString();
}
$(this).find("td").eq(7).text(teate);
} );
}
</script>
</head>
<body>
<div id="target"></div>
customTable は、直接関係ありません。出来上がったテーブル内のデータを後から jQuery でカスタマイズしています。
firstColTd2Th: false は、デフォルトでは先頭列が TH になってしまうので変更しています。( テーブルの見栄えは、好みで CSS で変更するといいでしょう )
posted by
at 2015-11-20 21:40
|
jQuery
|
|
やってみて解ったのは、一人より複数でクリスマースガールするほうが華やかで絵になりますね
▼ Iray でもレンダリングしてみました
3Delight でレンダリングするとしょぼいですが、NVIDIA Iray だとノーマルでもそれなりです。もちろん簡単なレタッチは GIMP で行いましたが、いい感じです。
Data Binding の注意事項
1) 全て UTF-8 を使用しましょう
2) クラスから画面へ一方通行です
3) 画面定義内に日本語を使用してはいけません
4) 細かい技は使わないほうが吉です( Google Gson に任せましょう )
テンプレートの概要
1) 元データとして WEB を想定しています
2) 通信用のデータフォーマットは、JSON です
3) WEB 側は PHP を使用しています( PHP ソースコードも同梱 : app\web の中です。AN HTTP Server で直接その場所を atest としてエイリアスを作成してテストしています )
4) AN HTTP Server でテストしています( 
使うセルのロックを解除しておいて、シートの保護に備える。
▼ シートの保護
なるほどねぇ。
やはり、Excel は偉大。Word 嫌い
とにかく、いろいろやるよりまず『ちゃんとしたパスワード』を設定する事ですが、自分は重要さに伴って何段階かのパスワードを利用しています。
1) どうでもいいもの
2) どうでもいいけど良く使うサービス
ここから、長くて想像不可なもの
3) 多少大事に思っているもの
4) 絶対に漏れては困る普段使うもの
5) 自分でも覚えていない、金銭の絡むもの
で、今回 3) に変更です
( 実際は、それに複数文字追加しています。なんか、Microsoft のシステムがおかしくって、３回パスワード変更するハメになって、以前使ったパスワードは使えませんとか言われてしまったので )
最近のアクティビティの表示は、『アカウント設定』内の『セキュリティとプライバシー』タブ内にあります。まあ、ありがたい機能ですが、やるならもっと『どんな操作が行われたか』を表示して欲しいもんですが。
無料でできるウィルスチェック
こういう時は、根本的なものも確認しておきます。
※ エキスパートモードで表示しています
アーカイブとカテゴリページはこのように簡単に設定できますが、タグページは HTML 設定を直接変更して、以下の『タグページでのみ表示される内容』の記述方法で設定する必要があります
