テーブルを見やã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰ã‚¦ã‚§ãƒ–ページã§ãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ãƒ†ãƒ¼ãƒ–ルを見やã™ãã€ä½¿ã„ã‚„ã™ãã™ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚„機能性ãªã©UIパターンを紹介ã—ãŸã‚¢ãƒ«ãƒ†ã‚£ãƒ¡ãƒƒãƒˆã‚¬ã‚¤ãƒ‰ã‚’Janko At Warp Speedã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Ultimate guide to table UI patterns 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ テーブルã®ã€Œï¼ˆã‚¨ã‚¯ã‚»ãƒ«ã§ã„ã†ã¨ã“ã‚ã®ï¼‰è¡Œã¨åˆ—ã€ã®è¡¨è¨˜ã¯ã€ã€Œæ¨ªåˆ—ã¨ç¸¦åˆ—ã€ã«çµ±ä¸€ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. 列を交互ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° 2. 列をフル㫠3. テーブルã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ 4. ソート 5. フィルタリング 6. ページãƒãƒ¼ã‚·ãƒ§ãƒ³ 7. スクãƒãƒ¼ãƒ« 8. 固定ã•ã‚ŒãŸãƒ˜ãƒƒãƒ€ 9. ヘッダã®ãªã„テーブル 10. æ‹¡å¼µå¯èƒ½ãªåˆ— 11. 列ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ 12. マルãƒãƒ—ルãªåˆ—ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ã¯ã˜ã‚㫠テーブルã¯æ§‹é€ 化ã•ã‚ŒãŸãƒ‡ãƒ¼ã‚¿ã‚’ã¿ã›ã‚‹ã‚‚ã®ã§ã™ã€‚ãã—ã¦ã€ãã®ç›®çš„ã¯ãƒ‡ãƒ¼ã‚¿ã‚’èªã¿ã‚„ã™ãã—ã€èµ°æŸ»ã—ã‚„ã™ãã€ç°¡å˜
IDEA * IDEA
{{#tags}}- {{label}}
{{/tags}}