[B! table] kitokitokiのブックマーク

Tablesaw - A Flexible Tool for Responsive Tables | Filament Group, Inc., Boston, MA

Tablesaw - A Flexible Tool for Responsive Tables Posted by Mat Marquis 08/06/2014 Posted by Mat, Zach on 08/06/2014 Next to coming up with project names, managing tables in a responsive layout is one of the trickiest probl ems in web development. Semantically structured tables are notoriously difficult to style as anything other than… well… a table. On the other hand, cobbling together a pile of di

kitokitoki 2015/11/05

js-lib
table

リンク

bootstrap 3 responsive table with fixed first column

I am targeting mobile specifically so I have a Bootstrap responsive table. Its just a div with the bootstrap class "table-responsive" and a table nested inside with the classes "table table-striped table-bordered table-hover table-condensed". Is there any easy way to make sure that the first column is fixed (not scrolling horizontally)? On mobile devices, its likely that there will be scrolling ev

kitokitoki 2015/08/07

一番左のカラムを固定する方法。z-index を指定する必要があった。

リンク

AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid

Used by 90% of the Fortune 500 Trusted by the finest teams globally, an unmatched experience for developers and users alike. There are a lot of component-based table libraries out there, but I believe AG Grid is the gold standard and is by far my favourite. AG Grid is perfect for building Enterprise Applications. Tanner Linsley I've been impressed with AG Grid. Not only is it incredibly feature-ri

kitokitoki 2015/04/01

リンク

【初心者向けCSS】レスポンシブな tableを作ってみる | SONICMOOV LAB

お待たせしました！まりぞーですヽ(゜ω゜)ﾉ今回は CSS 初心者向けです。 table タグがあるじゃないですか。アレをレスポンシブな感じに実装していこうという内容です。デモはこちら使ったものは CSS と HTML とjQuery、そしてコピペです。よろしくお願いします。目次そもそもレスポンシブってなんだっけ Media Queriesの使いかた HTML CSS IE8対応共通項目 Media Queries まとめそもそもレスポンシブってなんだっけ responsive 「よく反応する」という意味の形容詞です。当記事ではブラウザのウィンドウ幅をぐにょんぐにょんいじるとなんか臨機応変に見た目が変わったり変わらなかったりするやつです。基本的に CSS3 の Media Queries を用いる方法で進めていきます。 Media Queriesの使いかた HTML

kitokitoki 2015/03/31

css
table

リンク

jQuery.floatThead

Hey! This ad ⟶ is not an ad. I get nothing from it. Stuck on the website you're trying to build? Learn how to solve the probl em with my 1:1 website coaching support, or simply make the probl em disappear by having me do it for you. Learn more about both options here: leverwebsites.com Intro jquery.floatThead is a floating/locked/sticky/fixed table header plugin that requires no special CSS and supp

kitokitoki 2013/12/16

table

リンク

DataTables | Javascript table library

Add advanced interaction controls to your HTML tables the free & easy way

kitokitoki 2013/12/16

table

リンク

Dynatable.js - jQuery plugin for HTML5+JSON interactive tables and more

To get started, simply install jquery.dynatable.js (along with jQuery), and add the following in the document.ready or after the table: Read / Normalize The HTML table is scanned and normalized into an array of JSON objects (or collection) where each JSON object (or record) corresponds to a row in the table. Operate The JSON collection can be sorted, searched/filtered, and paginated/sliced. Write

kitokitoki 2013/12/12

jq-lib
table

リンク

jQuery tableHover plugin demo page

Example three: simple row highlighting using the default settings simple column highlighting using css class "hover" higlight the current cell using css class "hovercell" fix the current highlight on click using css class "click" $('#tablethree').tableHover({colClass: 'hover', cellClass: 'hovercell', clickClass: 'click'}); ABCD A+A-B+B-C+C-D+D-

kitokitoki 2013/02/15

リンク

jQuery Grid

ParamQuery grid is the fastest jQuery grid plugin with enterprise features like row grouping, pivot, treegrid, column grouping, nesting, batch editing, export to multiple formats, selections, full keyboard navigation in addition to the basic features like sorting, filtering, paging, inline editing, validations, etc. It can also be used as plain javascript grid or with contemporary frameworks like

kitokitoki 2013/01/11

jq-lib
table

リンク

jQuery mobile <table> - JSFiddle - Code Playground

kitokitoki 2013/01/05

リンク

FooTable: a jQuery Plugin for Responsive Data Tables | CSS-Tricks

UGURUS offers elite coaching and mentorship for agency owners looking to grow. Start with the free Agency Accelerator today. The following is a guest post by Brad Vincent where he introduces his new jQuery plugin for helping make data tables responsive. Responsive data tables has been a recurring topic around here, first with my early exploration and then a roundup. I thought this new jQuery plugi

kitokitoki 2012/12/15

リンク

jquery-handsontable @ GitHub

Autoexpanding Type in any cell and see how the grid adds new rows and cols automatically. You can try CTRL+Z and CTRL+Y to undo/redo. Also, why not try CTRL+C, CTRL+V between this and Excel, Google Spreadsheet or LibreOffice! Code: <div id="example1grid" class="dataTable"></div> <script> $("#example1grid").handsontable({ rows: 5, cols: 5, minSpareCols: 1, //always keep at least 1 spare row at the

kitokitoki 2012/06/28

リンク

東京23区トランクルームナビ

トランクルームの種類と選び方　何を入れると便利か使い方を徹底解説トランクルームは、荷物を保管しておく収納スペースを貸してもらえるサービスのこと。「貸倉庫」「レンタルボックス」「レンタルコンテナ」など、運営会社や、荷物を置くスペースの種類によっていくつかの呼び名があります。物があふれて自宅で収納できなくなった場合や、建て替えや引っ越しで一時的に荷物を預けたい場合、トランクルームが役に立ちます。そこでこの記事ではトランクルームにはどのような種類があるのか、 […]