chore: add header title to all examples

6pac · Nov 15, 2024 · 0ebf31a · 0ebf31a
1 parent e477bc4
commit 0ebf31a
Show file tree

Hide file tree

Showing 83 changed files with 89 additions and 8 deletions.
diff --git a/examples/example-0070-plugin-state.html b/examples/example-0070-plugin-state.html
@@ -10,6 +10,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Grid State Plugin</h2>
 <div style="position:relative">
   <div id="gridContainer">
     <div id="myGrid" style="width:600px;height:500px;"></div>

diff --git a/examples/example-autocomplete-editor.html b/examples/example-autocomplete-editor.html
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="examples.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Autocomplete Editor</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-autotooltips.html b/examples/example-autotooltips.html
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Auto-Tooltips Plugin</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-bootstrap-3-header.html b/examples/example-bootstrap-3-header.html
@@ -16,6 +16,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example 3 - Bootstrap 3 Headers</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-checkbox-header-row.html b/examples/example-checkbox-header-row.html
@@ -78,6 +78,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Checkbox Row Selections with Header Row</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" style="width:100%;height:700px;"></div>

diff --git a/examples/example-checkbox-row-select.html b/examples/example-checkbox-row-select.html
@@ -50,6 +50,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Checkbox Row Selections</h2>
 <div style="position:relative">
   <p>Without Font Styling</p>
   <div style="width:600px;">

diff --git a/examples/example-colspan.html b/examples/example-colspan.html
@@ -6,6 +6,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Colspan</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-column-group.html b/examples/example-column-group.html
@@ -19,6 +19,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Header Grouping</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-column-hidden.html b/examples/example-column-hidden.html
@@ -33,6 +33,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Hidden Columns</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-composite-editor-item-details.html b/examples/example-composite-editor-item-details.html
@@ -59,6 +59,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Composite Editor with Item Details</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-composite-editor-modal-dialog.html b/examples/example-composite-editor-modal-dialog.html
@@ -133,6 +133,7 @@
 </head>
 
 <body>
+  <h2 class="title">Example - Composite Editor with Modal Dialog</h2>
   <div style="position:relative">
     <div style="width:640px;">
       <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-csp-header.html b/examples/example-csp-header.html
@@ -13,6 +13,7 @@
   ">
 </head>
 <body>
+<h2 class="title">Example - CSP Header</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-custom-column-value-extractor.html b/examples/example-custom-column-value-extractor.html
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Custom Column Value Extractor</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-drag-row-between-grids.html b/examples/example-drag-row-between-grids.html
@@ -52,6 +52,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Drag Row between Grids</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-draggable-grouping.html b/examples/example-draggable-grouping.html
@@ -65,6 +65,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Draggable Grouping</h2>
 <div style="position:relative">
   <div style="width:675px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-draggable-header-grouping.html b/examples/example-draggable-header-grouping.html
@@ -64,6 +64,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Column Draggable Grouping</h2>
 <div style="position:relative">
   <div style="width:675px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-dynamic-filtered-with-jquery-tabs.html b/examples/example-dynamic-filtered-with-jquery-tabs.html
@@ -39,6 +39,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Dynamic Example with Filters inside jQuery tabs</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-dynamic-with-jquery-tabs.html b/examples/example-dynamic-with-jquery-tabs.html
@@ -16,6 +16,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Dynamic Example with jQuery tabs</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-excel-compatible-spreadsheet-dataview.html b/examples/example-excel-compatible-spreadsheet-dataview.html
@@ -24,6 +24,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Excel Compatible Spreadsheet with DataView</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:300px;"></div>

diff --git a/examples/example-excel-compatible-spreadsheet.html b/examples/example-excel-compatible-spreadsheet.html
@@ -23,6 +23,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Excel Compatible Spreadsheet</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:300px;"></div>

diff --git a/examples/example-explicit-initialization.html b/examples/example-explicit-initialization.html
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Explicit Initialization</h2>
 <table width="100%" cellpadding="2">
   <tr>
     <td valign="top" width="50%" id="myTable">

diff --git a/examples/example-external-headersort.html b/examples/example-external-headersort.html
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - External Header Sorting</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-footer-totals.html b/examples/example-footer-totals.html
@@ -21,6 +21,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Footer Totals</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:320px;"></div>

diff --git a/examples/example-frozen-columns-and-column-group-hidden-col.html b/examples/example-frozen-columns-and-column-group-hidden-col.html
@@ -21,6 +21,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Grid with Header Grouping</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" style="width:100%;height:500px;"></div>

diff --git a/examples/example-frozen-columns-and-column-group.html b/examples/example-frozen-columns-and-column-group.html
@@ -21,6 +21,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Columns & Column Group</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-frozen-columns-and-rows-spreadsheet.html b/examples/example-frozen-columns-and-rows-spreadsheet.html
@@ -23,6 +23,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Columns & Row Spreadsheet</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-frozen-columns-and-rows.html b/examples/example-frozen-columns-and-rows.html
@@ -63,6 +63,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Columns & Rows</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-frozen-columns-autoheight.html b/examples/example-frozen-columns-autoheight.html
@@ -35,6 +35,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Columns with Auto-Height</h2>
 <div id="container" class="slick-container"></div>
 <div id="description">
   <h2>

diff --git a/examples/example-frozen-columns-large.html b/examples/example-frozen-columns-large.html
@@ -40,6 +40,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Columns with Large Dataset</h2>
 <div style="position:relative">
 <div style="width:2048px;">
   <div class="grid-header" style="width:100%">

diff --git a/examples/example-frozen-columns-tabs.html b/examples/example-frozen-columns-tabs.html
@@ -33,6 +33,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Columns inside jQuery Tabs</h2>
 <div id="tabs">
   <ul>
     <li><a href="#tabs-1">Tab 1</a></li>

diff --git a/examples/example-frozen-columns.html b/examples/example-frozen-columns.html
@@ -37,6 +37,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example 4 - Frozen Columns</h2>
 <div style="position:relative">
 <div style="width:600px;">
   <div class="grid-header" style="width:100%">

diff --git a/examples/example-frozen-row-reordering.html b/examples/example-frozen-row-reordering.html
@@ -60,6 +60,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen with Row Reordering</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-frozen-rows.html b/examples/example-frozen-rows.html
@@ -32,6 +32,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Frozen Rows</h2>
 <div style="position:relative">
 <div id="gridContainer" style="width:600px;">
   <div class="grid-header" style="width:100%">

diff --git a/examples/example-grid-menu.html b/examples/example-grid-menu.html
@@ -92,6 +92,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Grid Menu Control</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" style="width:100%;height:500px;"></div>

diff --git a/examples/example-grouping-checkbox-row-select.html b/examples/example-grouping-checkbox-row-select.html
@@ -28,6 +28,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Grouping Checkbox Row Select</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-grouping-esm.html b/examples/example-grouping-esm.html
@@ -30,6 +30,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example Grouping - ESM</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-grouping-groupcolumn.html b/examples/example-grouping-groupcolumn.html
@@ -41,6 +41,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Row Group with dedicated Grouping Column</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-grouping.html b/examples/example-grouping.html
@@ -33,6 +33,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Grouping</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-header-row.html b/examples/example-header-row.html
@@ -31,6 +31,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Header Row (filters)</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" class="slick-container" style="width:100%;height:500px;"></div>

diff --git a/examples/example-icons.html b/examples/example-icons.html
@@ -24,7 +24,7 @@
     padding: 20px;
     border: 1px solid gray;
     width: 97%;
-    background-color: #f8f8f8;
+    background-color: #f1f1f1;
     border-radius: 4px;
     display: flex;
     column-gap: 5px;

diff --git a/examples/example-infinite-scroll-esm.html b/examples/example-infinite-scroll-esm.html
@@ -27,6 +27,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example Infinite Scroll - ESM</h2>
 <div style="position:relative">
   <div style="width:650px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-jquery-accordion.html b/examples/example-jquery-accordion.html
@@ -16,6 +16,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - jQuery Accordion</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-multi-column-sort.html b/examples/example-multi-column-sort.html
@@ -8,6 +8,7 @@
   <link rel="stylesheet" href="../dist/styles/css/slick-alpine-theme.css" type="text/css"/>
 </head>
 <body>
+<h2 class="title">Example - Multi-Column Sorting</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-multi-column-tristate-numbered-sort.html b/examples/example-multi-column-tristate-numbered-sort.html
@@ -14,6 +14,7 @@
   }
 </style>
 <body>
+<h2 class="title">Example - Multi-Column Sorting with Tri-State icons</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-multi-grid-basic.html b/examples/example-multi-grid-basic.html
@@ -18,6 +18,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Multiple Grids Basic</h2>
 <table width="100%">
   <tr>
     <td valign="top" width="50%">

diff --git a/examples/example-multiselect-editor.html b/examples/example-multiselect-editor.html
@@ -17,6 +17,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Multiple Select Editor</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div id="myGrid" style="width:100%;height:500px;"></div>

diff --git a/examples/example-optimizing-dataview.html b/examples/example-optimizing-dataview.html
@@ -27,6 +27,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Optimizing DataView</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-optimizing-updates.html b/examples/example-optimizing-updates.html
@@ -31,6 +31,7 @@
   </style>
 </head>
 <body>
+<h2 class="title">Example - Optimizing Updates</h2>
 <div style="position:relative">
   <div style="width:600px;">
     <div class="grid-header" style="width:100%">

diff --git a/examples/example-plugin-contextmenu.html b/examples/example-plugin-contextmenu.html
@@ -88,6 +88,7 @@
 </head>
 
 <body>
+  <h2 class="title">Example - Context Menu Plugin</h2>
   <table width="100%">
     <tr>
       <td valign="top" width="50%" style="padding-left: 0px">
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,6 +13,7 @@ @@
       ">
     </head>
     <body>
+    <h2 class="title">Example - CSP Header</h2>
     <table width="100%">
       <tr>
         <td valign="top" width="50%">
@@ Expand Down @@