X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?a=blobdiff_plain;f=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Fstatic%2FAdminLTE-2.3.7%2Fplugins%2Fdatatables%2Fextensions%2FResponsive%2Fexamples%2Fdisplay-control%2Fclasses.html;fp=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Fstatic%2FAdminLTE-2.3.7%2Fplugins%2Fdatatables%2Fextensions%2FResponsive%2Fexamples%2Fdisplay-control%2Fclasses.html;h=0000000000000000000000000000000000000000;hb=7da45d65be36d36b880cc55c5036e96c24b53f00;hp=fda2162779e252e05d7a263516069f03ca71edfa;hpb=691462d09d0987b47e112d6ee8740375df3c51b2;p=stor4nfv.git diff --git a/src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/datatables/extensions/Responsive/examples/display-control/classes.html b/src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/datatables/extensions/Responsive/examples/display-control/classes.html deleted file mode 100644 index fda2162..0000000 --- a/src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/datatables/extensions/Responsive/examples/display-control/classes.html +++ /dev/null @@ -1,247 +0,0 @@ - - -
- - - - -You can tell Responsive what columns to want to be visible on different devices through the use of class names on the columns. The breakpoints are horizontal - screen resolutions and the defaults are set for common devices:
- -desktop
x >= 1024pxtablet-l
(landscape) 768 <= x < 1024tablet-p
(portrait) 480 <= x < 768mobile-l
(landscape) 320 <= x < 480mobile-p
(portrait) x < 320You may leave the -[lp]
option from the end if you wish to just target all tablet or mobile devices. Additionally to may add min-
,
- max-
or not-
as a prefix to the class name to perform logic operations. For example not-mobile
would cause a column to
- appear as visible on desktop and tablet devices, while min-tablet-l
would require at least a horizontal width of 768 for the browser window to be
- shown, and be shown at all sizes larger.
Additionally, there are three special class names:
- -all
- Always displaynone
- Don't display as a column, but show in the child rownever
- Never displaycontrol
- Used for the column
responsive.details.typeR
option.Please refer to the Responsive manual for further details of these options.
- -This example shows the salary
column visible on a desktop only - office
and age
require a tablet, while the
- position
column requires a phone in landscape or larger. The name
column is always visible and the start date
is never
- visible.
This can be useful if you wish to change the format of the data shown on different devices, for example using a combination of mobile
and
- not-mobile
on two different columns would allow information to be formatted suitable for each device type.
Name | -Position | -Office | -Age | -Start date | -Salary | -Extn. | -
---|---|---|---|---|---|---|
Name | -Position | -Office | -Age | -Start date | -Salary | -Extn. | -
The Javascript shown below is used to initialise the table shown in this example:
$(document).ready(function() {
- $('#example').DataTable( {
- "ajax": "../../../../examples/ajax/data/objects.txt",
- "columns": [
- { "data": "name" },
- { "data": "position" },
- { "data": "office" },
- { "data": "age" },
- { "data": "start_date" },
- { "data": "salary" },
- { "data": "extn" }
- ]
- } );
-} );
-
- In addition to the above code, the following Javascript library files are loaded for use in this example:
- - -The HTML shown below is the raw HTML table element, before it has been enhanced by DataTables:
-This example uses a little bit of additional CSS beyond what is loaded from the library files (below), in order to correctly display the table. The - additional CSS used is shown below:
- The following CSS library files are loaded for use in this example to provide the styling of the table:
- - -This table loads data by Ajax. The latest data that has been loaded is shown below. This data will update automatically as any additional data is - loaded.
-The script used to perform the server-side processing for this table is shown below. Please note that this is just an example script using PHP. Server-side - processing scripts can be written in any language, using the protocol described in the DataTables - documentation.
-