diff --git a/src/pages/tables/simple.html b/src/pages/tables/simple.html new file mode 100644 index 000000000..deba9d888 --- /dev/null +++ b/src/pages/tables/simple.html @@ -0,0 +1,324 @@ + + + + + + @@include('./_head.html', { + "path": "../..", + "title": "AdminLTE 4 | Simple Tables" + }) + + +
+ @@include('./dashboard/_topbar.html', { + "path": "../.." + }) + + @@include('./dashboard/_sidenav.html', { + "mainPage": "tables", + "page": "simple", + "path": "../.." + }) + +
+ @@include('./dashboard/_content-header.html', { + "header_name": "Simple Tables" + }) + +
+
+
+
+
+
+

Bordered Table

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#TaskProgressLabel
1.Update software +
+
+
+ 		55%
2.Clean database +
+
+
+ 		70%
3.Cron job running +
+
+
+ 		30%
4.Fix and squish bugs +
+
+
+ 		90%
+
+ +
+ +
+
+ + +
+
+

Condensed Full Width Table

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#TaskProgressLabel
1.Update software +
+
+
+ 		55%
2.Clean database +
+
+
+ 		70%
3.Cron job running +
+
+
+ 		30%
4.Fix and squish bugs +
+
+
+ 		90%
+
+ +
+ +
+ +
+
+
+

Simple Full Width Table

+ +
+ +
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#TaskProgressLabel
1.Update software +
+
+
+ 		55%
2.Clean database +
+
+
+ 		70%
3.Cron job running +
+
+
+ 		30%
4.Fix and squish bugs +
+
+
+ 		90%
+
+ +
+ + +
+
+

Striped Full Width Table

+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#TaskProgressLabel
1.Update software +
+
+
+ 		55%
2.Clean database +
+
+
+ 		70%
3.Cron job running +
+
+
+ 		30%
4.Fix and squish bugs +
+
+
+ 		90%
+
+ +
+ +
+ +
+ +
+
+ +
+ + + @@include('./dashboard/_footer.html', { + "path": "../.." + }) +
+ + + @@include('./_scripts.html', { + "path": "../.." + }) + + diff --git a/src/partials/dashboard/_sidenav.html b/src/partials/dashboard/_sidenav.html index c1b99d2c5..6980301fd 100644 --- a/src/partials/dashboard/_sidenav.html +++ b/src/partials/dashboard/_sidenav.html @@ -67,6 +67,23 @@ +
  • + + +

    + Tables + +

    +     + +
  • MULTI LEVEL EXAMPLE
  • diff --git a/src/scss/_table.scss b/src/scss/_table.scss index 5c25c3a9b..dbc4317af 100644 --- a/src/scss/_table.scss +++ b/src/scss/_table.scss @@ -107,13 +107,13 @@ > div, > p { - padding: $table-cell-padding-y-lg; + padding: $table-cell-padding-y $table-cell-padding-x; } } .table { - width: subtract(100%, $table-cell-padding-y-lg); - margin: 0 0 0 $table-cell-padding-y-lg; + width: subtract(100%, $table-cell-padding-x); + margin: 0 0 0 $table-cell-padding-x; tr:first-child { td, diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index f00f71761..8ec621c54 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -529,8 +529,8 @@ $mark-bg: #fcf8e3 !default; // Customizes the `.table` component with basic values, each used across all table variations. // scss-docs-start table-variables -$table-cell-padding-y: .5rem !default; -$table-cell-padding-x: .5rem !default; +$table-cell-padding-y: .75rem !default; +$table-cell-padding-x: .75rem !default; $table-cell-padding-y-sm: .25rem !default; $table-cell-padding-x-sm: .25rem !default;