a-table.jsでtable（表）タグを編集・生成｜DAD UNION – エンジニア同盟
a-table.jsを使ってtable（表）タグを編集・生成するプラグインをご紹介します。 複数行・列がある表をゼロからtableタグで作成するのって結構面倒なのでこれは使えます。 a-table.jsでtable（表）タグを編集・生成するCSS記述 ※fonts/a-table-icon.css、a-table.cssファイルを読み込みます。その他、「/* table生成用CSS */」記述です。必要に応じて変更して下さい。 <link rel='stylesheet' href="fonts/a-table-icon.css"> <link rel="stylesheet" href="a-table.css"> <style> body { font-size: 16px; } h1{ text-align: center; font-size: 20px; line-height:
表（table）をエクセルの「ウィンドウ枠の固定（先頭行の固定、先頭列の固定）」の様に表示する方法｜DAD UNION – エンジニア同盟
jquery.fixedTblHdrLftCol.jsを使って、表（table）をエクセルの「ウィンドウ枠の固定（先頭行の固定、先頭列の固定）」の様に表示する方法をご紹介します。 HTMLページでも表（table）が縦長or横長になると先頭行が見えなくなるので、そんな時に使えます。 表（table）をエクセルの「ウィンドウ枠の固定」の様に表示するCSS記述 ※表（table）と「ウィンドウ枠の固定」後のエリア（div.fTHLC-xxxxx）のCSS記述です。必要に応じて変更して下さい。 <style> body { margin: 0; padding: 0; font-size: 18px; text-align: center; } h1{ text-align: center; font-size: 20px; line-height: 2em; padding: 30px 0 2
scroll-hint.jsを使ってテーブル（table）をスマホやタブレットで表示した時に横スクロール出来ることを表示する方法｜DAD UNION – エンジニア同盟
テーブル（table）をスマホやタブレットで表示した時に横スクロール出来ることを表示するCSSの記述 ※scroll-hint.cssファイルを読み込みます。その他テーブル（.table、.table td,.table th）のCSSを記述します。必要に応じて変更して下さい。 <link rel="stylesheet" href="scroll-hint.css"> <style> body { font-size: 18px; text-align: center; } h1{ text-align: center; font-size: 18px; line-height: 1.6em; padding-top: 20px; } p{ font-size: 16px; padding: 20px 0; } .table { width: 900px; margin-bottom:
縦長のtable（表）にスクロールバーを表示する方法【jquery.scrolltable.js】｜DAD UNION – エンジニア同盟
jquery.scrolltable.jsを使って縦長のtable（表）にスクロールバーを表示する方法をご紹介します。 縦長のtableにスクロールバーを表示するCSSの記述 ※jquery-ui.cssファイルを読み込みます。その他table（表）のcss記述です。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ text-align: center; font-size: 24px; font-weight: bold; } h1{ text-align: center; padding: 10px 0 0 0; font-size: 24px; font-weight: bold; } p{ font-size: 18px; } #controls{ padding: 0.3em 1em; } table.scrollTable{ w
jquery.tablednd.jsを使ってtableタグの行（順番）をドラッグ＆ドロップで変更する方法｜DAD UNION – エンジニア同盟
jquery.tablednd.jsを使ってtableタグの行（順番）をドラッグ＆ドロップで変更する方法をご紹介します。 tableタグの行（順番）をドラッグ＆ドロップで変更するCSSの記述 ※tableタグ（#table-1）のCSSです。必要に応じて変更して下さい。 <style type="text/css"> <!-- body{ text-align: center; font-size: 16px; } h1{ text-align: center; padding: 10px 0 0 0; font-size: 18px; font-weight: bold; } #table-1{ width: 260px; margin: 0 auto; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border
table(テーブル)タグを角丸にするする方法【HTML】｜DAD UNION – エンジニア同盟
HTMLのtable(テーブル)タグを角丸にする方法をご紹介します。 table(テーブル)タグはborder-spacingやborder-collapseのせいで角丸（border-radius）が適用されないケースがあったのでその指定を調整して適用される様にします。 角丸にするtable(テーブル)のCSS記述※tableタグに「border-spacing: 0;」「border-collapse: separate;」「overflow: hidden;」と「border-radius: 14px;」を指定します。 <style type="text/css"> body{ font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; padding: 0; margin: 0; font-size: 2
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
