リストを自動で3列に分ける
Result リストを自動で任意の列数に振り分ける、みたいなの。マルチカラムレイアウトを使います。 リスト分けたいだけならテキストコンテンツのようにbreak-insideやpage-break-insideを考えなくていいので楽ですね。 CSSではなくJavaScriptを使う方法は過去に書いてます。jQueryを使いますが・・ →リストを任意のカラム数に分ける css.columns {/*分けたいリストの親要素に指定する。column-countはカラム数*/ column-count: 3; column-gap: 26px; list-style: none; margin: 0; padding: 0; }html<ul class="columns"> <li> <label> <input type="checkbox" />1 lorem ipsum </label> <
10 Best Free 3 Column WordPress Themes | SmashingApps.com
by Akhter · February 14, 2013 10 Best Free 3 Column WordPress Themes Here we have put together an amazing collection of 3 column WordPress themes for you. All these 3 column themes are completely free to download. WordPress is a great platform for blogging as well as promoting your business online and the availability of huge range of themes that can set each WordPress blog apart from others makes
Excelの行・列の表示・非表示を切り替える
Excelの行・列の表示・非表示を切り替える方法です。 動作確認バージョンはExcel2003とちょっと古いです。新しいバージョンではメニューが若干異なると思われますが機能は同じかと思います。 このエントリーの解説では次の表を使用します。この表のB～D列の表示・非表示を切り替えます。エントリーの本題は２項です。 １．「表示しない」メニューを利用する 非表示にしたい列を選択状態にしたあと、右クリックして「表示しない」を選択します。 このようになります。 行を非表示にする場合は行を選択状態にして同様の操作を行います。 非表示にした行・列を表示させるには、非表示になっている行または列をまたがるように選択状態にして、右クリックメニューから「再表示」を選択します。 ただしこの方法では、表示・非表示を一時的にしか行うことしかできません。ということで、より最適な方法を次項に示します。 ２．「グループ化」
テーブルのカラムをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「colResizable」:phpspot開発日誌
テーブルのカラムをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「colResizable」 2011年11月08日- colResizable ? jQuery plugin テーブルのカラムをドラッグ＆ドロップでリサイズできるようにするjQueryプラグイン「colResizable」 OSのインタフェースなんかではドラッグ＆ドロップで当たり前のようにリサイズできますが、WEBのテーブルは出来ませんね。 でもこのプラグインを使えば $("table").colResizable(); のように初期化しちゃってリサイズできます。 ドラッグ＆ドロップで以下のようにカラムをリサイズ 分かりやすいようにつまみをつけたりすることも出来ます。 テーブルだけではなくて、次のようなインタフェースを実装するのにも使えます。 次のように食事バランスを分類するようなインタフェースとしても
少しのjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする
列全体がクリック可能で、Wikipediaに飛びます。セル内にアンカータグが含まれている場合はそちらが優先されます。Webサービスの料金プランなんかに使えそうでは。 jQuery( function($) { $('tbody tr[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('tr').unbind('click'); }, function() { $(this).parents('tr').click( function() { window.location = $(this).attr('data-href'); }); });
[JS]新聞のカラムのようなレイアウトを生成するスクリプト -ezColumns
div要素だけでなく、p要素やli要素で実装されたパラグラフを新聞のカラムのようなレイアウトにするjQueryのプラグインを紹介します。 ezColumns デモ [ad#ad-2] ezColumnsの実装例 HTML p要素で実装したパラグラフをdiv要素で内包します。 <div id="groups"> <p>A - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis libero</p> <p>B - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis libero</p> <p>C - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Done
Excelで2つの列で重複しない（する）値を探す
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 この記事を動画化しました。 文章を読むよりわかりやすいと思いますので、ぜひ動画をご覧ください。 なお、元の記事ではVLOOKUP関数を使っていますが、動画ではCOUNTIF関数に変えました。 YouTubeのチャンネル登録をよろしくお願いします 昨日、家内から以下のような質問を受けました。 Excelで、2つの列に入力した多数の英単語の中で、両方の列に重複していない英単語を探したい。 例えば、以下の画面のように表示できると良いでしょう。 「apple」「banana」「grape」「peach」はA列とC列の両方にあり、重複していますので、A列／C列の該当する単語の箇所に「×」
[JS]表組みのヘッダを固定し、表示する列も選択できるスクリプト
左上のアローをクリックすると、チェックボックスが表示されます。 スクリプトはクッキーにも対応しており、選択した列をクッキーに保存することも可能です。 スクリプトはjQueryのプラグインのため、実装にはjquery.jsが必要です。 オプションでは、テーブルの幅と高さ、列選択の有無、クッキーの有無を設定できます。基本の書式は下記のようになります。 JavaScript <textarea name="code" class="js" cols="60" rows="5"> $(tableID).scrollableFixedHeaderTable(widthpx, heightpx, showSelect, cookie) </textarea>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery plugin: jQuery.FixedTable - Nova download