検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >Angularテーブルツール「ui-grid」の応用

Angularテーブルツール「ui-grid」の応用

一个新手
一个新手オリジナル
2017-10-02 19:42:361874ブラウズ

HTML: (コードはより明確に説明するためにのみ使用されており、完全には示されていません)


<!doctype html><html ng-app="app">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-touch.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-animate.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/csv.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/pdfmake.js"></script>
    <script src="http://ui-grid.info/docs/grunt-scripts/vfs_fonts.js"></script>
    <script src="/release/ui-grid.js"></script>
    <script src="/release/ui-grid.css"></script>
    <script src="app.js"></script>
  </head>
  <body>
    <p ng-controller="MainCtrl">
      <p id="user-grid" ui-grid="gridOptions" class="user-grid" ui-grid-resize-columns></p></p>
    </p>
  </body></html>

ui-grid-resize-columns: 次のように列をサイズ変更可能にします:

Jvar app = angular.module('app', ['ngTouch', 'ui.grid']);


{roleName:&#39;后端&#39;,&#39;roleId&#39;:3}],
             &#39;accountId&#39;:201
{roleName:&#39;后端&#39;,&#39;roleId&#39;:3}],
             &#39;accountId&#39;:201
          }
rreerreeee

       ]

}]);

以上がAngularテーブルツール「ui-grid」の応用の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：URLを入力してページの読み込みが完了するまでのプロセスはどのようなものですか?次の記事：URLを入力してページの読み込みが完了するまでのプロセスはどのようなものですか?

関連記事

続きを見る