LUCI Design System


Default Table

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Default Table with Caption

Serialized Systems
Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table Cell Alignment

Customer Name Hostname - Centered Alignment Model OS Version Serial Number System Age (Years) - Right Alignment Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table Center Aligned

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table Right Aligned

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Sortable Table

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Selectable Items

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Inline Status Icons

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122
2
Sample Name Test 2 FAS3170 7.3.4 700000208098
7
2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609
7
4/06/2017

Showing and Hiding Columns

Customer Name Hostname Model OS Version Serial Number
Sample Name Test 1 FAS2554 8.2.4P4 701517001122
Sample Name Test 2 FAS3170 7.3.4 700000208098
Sample Name Test 3 FAS3170 7.3.2 700000212609

Resizable and Reorderable Columns

Serial Number Product Family Contract Status OS Version System Name AutoSupport
3084568 FAS N/A 7.2.6 F3020-219-59 OFF | Action
450000021310 FAS Under Contract 7-8.2P2 MODE:S OFF | Action
JWM-066599 FAS Under Contract 7.3.7 F3020-174-78 OFF | View
3085354 OnCommand Cancelled 7.3.1 OFF | View
310091511 FAS Under Contract 7.3.4R F3020-147-85 OFF | Action

Nested Rows

Serial Number Product Family Contract Status OS Version System Name AutoSupport
3084568 FAS Under Contract 7.2.6 F3020-219-59 OFF | Action
Child Row OnCommand N/A 4.0.1 G4910-FK-L OFF | Action
Grandchild Row FAS N/A 4.0.1 G4910-FK-L OFF | Action
450000021310 FAS Under Contract 7-8.2P2 MODE:S OFF | Action
Child Row OnCommand N/A 4.0.1 G4910-FK-L OFF | Action
JWM-066599 FAS Under Contract 7.3.7 F3020-174-78 OFF | Action
Child Row OnCommand N/A 4.0.1 G4910-FK-L OFF | Action
3085354 OnCommand Under Contract 7.3.1 OFF | Action
Child Row OnCommand N/A 4.0.1 G4910-FK-L OFF | Action
310091511 FAS Under Contract 7.3.4R F3020-147-85 OFF | Action
Child Row OnCommand N/A 4.0.1 G4910-FK-L OFF | Action

Expandable Rows

Serial Number Product Family Contract Status OS Version System Name AutoSupport
3084568 FAS Under Contract 7.2.6 F3020-219-59 OFF | Action
450000021310 FAS Under Contract 7-8.2P2 MODE:S OFF | Action

Inline Edit Table

Customer Name Hostname Model OS Version Serial Number System Age (Years) AutoSupport Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2 OFF | Action
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 OFF | Action 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 OFF | Action 4/06/2017

Inline Edit Table With Actions on Right

Customer Name Hostname Model OS Version Serial Number
Sample Name Test 1 FAS2554 8.2.4P4 701517001122
Sample Name Test 2 FAS3170 7.3.4 700000208098
Sample Name Test 3 FAS3170 7.3.2 700000212609

Inline Edit Table With Icons

Customer Name Hostname Model OS Version Serial Number System Age (Years) AutoSupport Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2 OFF | Action
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 OFF | Action 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 OFF | Action 4/06/2017

Column Control Menu

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Column Control Icon

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table With Table-level Controls Example 1

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table With Table-level Controls Example 2

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table With Table-level Controls Example 3

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table With Table-level Controls Example 4

Customer Name Hostname Model OS Version Serial Number System Age (Years) Platform EOA Date
Sample Name Test 1 FAS2554 8.2.4P4 701517001122 2
Sample Name Test 2 FAS3170 7.3.4 700000208098 7 2/03/2017
Sample Name Test 3 FAS3170 7.3.2 700000212609 7 4/06/2017

Table With Searchable Columns

Customer Name Model OS Version Serial Number Platform EOA Date
Sample Name FAS2554 8.2.4P4 701517001122
Sample Name FAS3170 7.3.4 700000208098 2/03/2017
Sample Name FAS3170 7.3.2 700000212609 4/06/2017
Sample Name FAS2554 8.2.4P4 701517001122 2
Sample Name FAS3170 7.3.4 700000208098 2/03/2017
Sample Name FAS3170 7.3.2 700000212609 4/06/2017