このページのソースと照らし合わせてご覧下さい。簡易検索を追加する行に「#simplesrh(table)」を書くとページ内のテーブルに対して簡易検索が可能なフォームが設置されます。※セルを結合していると誤動作します。簡易検索:テーブルにソート機能を付ける行に「#tablesort」を書くとページ内のテーブルのthead部分を押すことでソートできるようになります。テーブルを結合していると誤作動を起こしますので、テーブル作成時にソート機能を付けるか付けないかの判断が必要です。(以下のテーブル例の1・2・3・4・5となっている列のヘッダをクリックしてみてください。)「c」で一定の行からフォント・背景色を変更するththththth1tdtdtdtd2tdtdtdtd3tdtdtdtd4tdtdtdtd5tdtdtdtd「|」の数を合わせ、行末に「c」を書きます。「c」の挿入行から次に「c」行が出現するまで、対応する下のセルが整形されます。行毎にクラスを指定して背景色を変えるthththththththththth1tdtdtdtdtdtdtdtd2tdtdtdtdtdtdtdtd3tdtdtdtdtdtdtdtdthththththththththth0tdtdtdtd1tdtdtdtd2tdtdtdtd3tdtdtdtd4tdtdtdtd5tdtdtdtd・行末に「0〜9」の数字を入力すると、その行のセルのclass属性に「style_td0〜style_td1」が付きます。・thであれば、style_th0〜9となります。・0〜5は既に背景色を決めていますが、cssで変更することも追加することも可能です。※左の例テーブルに「floatLeft」というclassを付けています。「#clear」で左の回りこみを解除しています。セル毎にクラスを指定するthththththththththth[a]tdtdtdtd[a]tdtdtdtdtdtdtdtdtdtdtdtd[b]tdtdtdtdtdtdtdtdththththththththththtd[a]tdtdtdtdtdtdtdtdtdtdtdtdtdtd[b]tdtdtdtdtdtdtdtdtdtdtdtdtd先ほどの例を使って紹介します。文字列"」となります。(「class="style_td"」は継承されます。)・予めcssで作っておくと、「BGCOLORやCOLOR、SIZE」などでゴチャゴチャせずに済みます。左の例では予め管理画面のCSSで以下のように設定しています。td.a{background:#000;color:#fff}td.b{color:#C600FF;text-align:center;font-weight:bold;}テーブル自体にクラスと横幅(%)を指定するththththththththththtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtd【手順】1、「|」の数を合わせ、行末に「s」を書きます。width="横幅%"」と整形されます。左の例では「floatLeft」クラス、横幅50%を指定しています。ththththththththththtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtd「tableBorder」クラス、横幅50%を指定。管理画面のCSSで以下のコードを追加しています。.tableBorder{float:left;}ththththththththththtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtdtd「tableBorderNone」クラス、横幅50%を指定。管理画面のCSSで以下のコードを追加しています。