1. ホーム
  2. angularjs

[解決済み】Bootstrap 3を使用してAngularJSでグリッドまたはテーブルを表現する最良の方法は?[を参照してください。]

2022-04-16 21:44:23

質問

AngularJSとBootstrap 3でアプリを作成しています。数千行のテーブル/グリッドを表示したいです。ソート、検索、ページネーションなどの機能を持つ、AngularJS & Bootstrapで利用可能な最高のコントロールは何ですか?

解決方法を教えてください。

ngGrid、ngTable、trNgGrid および スマートテーブル という結論に達しました。 スマートテーブル は、AngularJS的にもBootstrap的にも、圧倒的に優れた実装です。標準的なAngularを使って自分自身の素朴なテーブルを作るのと全く同じように構築されています。その上、ソートやフィルタリングなどを行うのに役立ついくつかのディレクティブが追加されています。彼らのアプローチは、自分自身で拡張することも非常に簡単にしてくれます。テーブルには通常のhtmlタグを使用し、行には標準のng-repeatを使用し、フォーマットには標準のbootstrapを使用しているという事実が、私の明確な勝者になっています。

JSのコードはangularに依存し、htmlはbootstrapに依存することができます。JSコードは全部で4キロバイトで、さらに小さなフットプリントに到達したい場合は、そこから簡単にものを取り出すこともできます。

他のグリッドでは、さまざまな部分で閉所恐怖症になってしまいますが、Smart Tableでは、ただ開放的で要点を押さえた感じです。

インライン編集やその他の高度な機能に大きく依存している場合は、例えばngTableを使用した方が早く立ち上げることができるかもしれません。しかし、Smart Table では、そのような機能を非常に簡単に追加することができます。

お見逃しなく スマートテーブル !!!

Smart Tableとは、自分で使っている以外、何の関係もない。