├── .gitignore
├── LICENCE.MIT
├── README.md
├── examples
    ├── example-ltr.html
    ├── example-popup.html
    ├── example-rtl.html
    ├── libs
    │   ├── bootstrap.min.css
    │   ├── fancybox_loading.gif
    │   ├── fancybox_loading@2x.gif
    │   ├── fancybox_overlay.png
    │   ├── fancybox_sprite.png
    │   ├── fancybox_sprite@2x.png
    │   ├── jquery-3.2.0.min.js
    │   ├── jquery.fancybox.css
    │   └── jquery.fancybox.js
    └── sample-table.txt
├── jquery.stickytable.css
├── jquery.stickytable.js
├── jquery.stickytable.min.css
├── jquery.stickytable.min.js
├── package-lock.json
└── package.json


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/


--------------------------------------------------------------------------------
/LICENCE.MIT:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Ahmed Rafik
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Sticky Table Plugin for JQuery
 2 | jquery.stickytable is a lightweight plugin to help developers have fixed rows or columns in a `<table>` using CSS classes only.
 3 | It doesn't need any initialization and it's totally responsive.
 4 | 
 5 | ## Requirements
 6 | - [jQuery](http://jquery.com/)
 7 | 
 8 | That's it!
 9 | 
10 | ## How to use Sticky Table
11 | - Add `jquery.stickytable.js` and `jquery.stickytable.css` to your page -or their minified versions-.
12 | - Wrap your `<table>` tag with a `<div>` with class `sticky-table`. We will refer to this `<div>` as the *wrapper*.
13 | 
14 | ### Fixed rows
15 | To have a fixed header:
16 | - Add `sticky-header` class to the `<tr>` element you want to get sticky relatively to the top.
17 | 
18 | To have a fixed footer:
19 | - Add `sticky-footer` class to the `<tr>` element you want to get sticky relatively to the bottom.
20 | 
21 | ### Fixed columns
22 | To have a fixed column, all the column's cells should be sticky. To have a sticky cell:
23 | - If your table is `LTR`:
24 |   - Add `sticky-ltr-cells` class to the *wrapper*.
25 |   - Add `sticky-cell` class to the `<td>` or `<th>` element you want to get sticky relatively to the left.
26 |   - Add `sticky-cell-opposite` class to the `<td>` or `<th>` element you want to get sticky relatively to the right.
27 | - If your table is `RTL`:
28 |   - Add `sticky-rtl-cells` class to the *wrapper*.
29 |   - Add `sticky-cell` class to the `<td>` or `<th>` element you want to get sticky relatively to the right.
30 |   - Add `sticky-cell-opposite` class to the `<td>` or `<th>` element you want to get sticky relatively to the left.
31 | 
32 | ### AJAX loaded content
33 | If there is a table loaded using AJAX after the document is initially loaded
34 | and it's needed to be sticky, trigger the `stickyTable` event on `$( document )` like:
35 | ```
36 | $( document ).trigger( "stickyTable" );
37 | ```
38 | 
39 | You can view examples for more clarification.
40 | ## Known Issues
41 | We are aware of the following issues and we would be grateful if anyone can help us with them:
42 | - On RTL tables, sticky rows and cells flickers or doesn't appear at all in Microsoft Edge
43 | ## Credits
44 | Big thanks to [othree](https://github.com/othree) for his [jQuery RTL Scroll Type Detector](https://github.com/othree/jquery.rtl-scroll-type) which helped us alot supporting RTL tables for different browsers
45 | ## License
46 | [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
47 | 


--------------------------------------------------------------------------------
/examples/example-ltr.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <html>
   3 | 
   4 | <head>
   5 |     <meta charset="utf-8">
   6 |     <title>Sticky Table LTR Example</title>
   7 |     <link rel="stylesheet" href="./libs/bootstrap.min.css">
   8 |     <link rel="stylesheet" href="../jquery.stickytable.css">
   9 | 
  10 |     <script src="./libs/jquery-3.2.0.min.js" type="text/javascript"></script>
  11 |     <script src="../jquery.stickytable.js" type="text/javascript"></script>
  12 | </head>
  13 | 
  14 | <body dir="ltr">
  15 |     <h1>LTR Sticky Table</h1>
  16 |     <div class="sticky-table sticky-ltr-cells">
  17 |         <table class="table table-striped">
  18 |             <thead>
  19 |                 <tr class="sticky-header">
  20 |                     <th class="sticky-cell">Ford</th>
  21 |                     <th class="sticky-cell">Escort</th>
  22 |                     <th>Blue</th>
  23 |                     <th>2000</th>
  24 |                     <th>Ford</th>
  25 |                     <th>Escort</th>
  26 |                     <th>Blue</th>
  27 |                     <th>2000</th>
  28 |                     <th>Ford</th>
  29 |                     <th>Escort</th>
  30 |                     <th>Blue</th>
  31 |                     <th>2000</th>
  32 |                     <th>2000</th>
  33 |                     <th>Ford</th>
  34 |                     <th>Escort</th>
  35 |                     <th>Blue</th>
  36 |                     <th>2000</th>
  37 |                     <th>2000</th>
  38 |                     <th>Ford</th>
  39 |                     <th>Escort</th>
  40 |                     <th>Blue</th>
  41 |                     <th>2000</th>
  42 |                     <th>2000</th>
  43 |                     <th>Ford</th>
  44 |                     <th>Escort</th>
  45 |                     <th>Blue</th>
  46 |                     <th>2000</th>
  47 |                     <th>2000</th>
  48 |                     <th>Ford</th>
  49 |                     <th>Escort</th>
  50 |                     <th>Blue</th>
  51 |                     <th>2000</th>
  52 |                     <th>2000</th>
  53 |                     <th>Ford</th>
  54 |                     <th class="sticky-cell-opposite">Escort</th>
  55 |                     <th class="sticky-cell-opposite">Blue</th>
  56 |                     <th class="sticky-cell-opposite">2000</th>
  57 |                 </tr>
  58 |                 <tr class="sticky-header">
  59 |                     <th class="sticky-cell">Ford 2</th>
  60 |                     <th class="sticky-cell">Escort 2</th>
  61 |                     <th>Blue 2</th>
  62 |                     <th>2000 2</th>
  63 |                     <th>Ford 2</th>
  64 |                     <th>Escort 2</th>
  65 |                     <th>Blue 2</th>
  66 |                     <th>2000 2</th>
  67 |                     <th>Ford 2</th>
  68 |                     <th>Escort 2</th>
  69 |                     <th>Blue 2</th>
  70 |                     <th>2000 2</th>
  71 |                     <th>2000 2</th>
  72 |                     <th>Ford 2</th>
  73 |                     <th>Escort 2</th>
  74 |                     <th>Blue 2</th>
  75 |                     <th>2000 2</th>
  76 |                     <th>2000 2</th>
  77 |                     <th>Ford 2</th>
  78 |                     <th>Escort 2</th>
  79 |                     <th>Blue 2</th>
  80 |                     <th>2000 2</th>
  81 |                     <th>2000 2</th>
  82 |                     <th>Ford 2</th>
  83 |                     <th>Escort 2</th>
  84 |                     <th>Blue 2</th>
  85 |                     <th>2000 2</th>
  86 |                     <th>2000 2</th>
  87 |                     <th>Ford 2</th>
  88 |                     <th>Escort 2</th>
  89 |                     <th>Blue 2</th>
  90 |                     <th>2000 2</th>
  91 |                     <th>2000 2</th>
  92 |                     <th>Ford 2</th>
  93 |                     <th class="sticky-cell-opposite">Escort 2</th>
  94 |                     <th class="sticky-cell-opposite">Blue 2</th>
  95 |                     <th class="sticky-cell-opposite">2000 2</th>
  96 |                 </tr>
  97 |             </thead>
  98 |             <tbody>
  99 |                 <tr>
 100 |                     <td class="sticky-cell">Ford</td>
 101 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 102 |                     <td>Blue</td>
 103 |                     <td>2000</td>
 104 |                     <td>Ford</td>
 105 |                     <td>Escort</td>
 106 |                     <td>Blue</td>
 107 |                     <td>2000</td>
 108 |                     <td>Ford</td>
 109 |                     <td>Escort</td>
 110 |                     <td>Blue</td>
 111 |                     <td>2000</td>
 112 |                     <td>2000</td>
 113 |                     <td>Ford</td>
 114 |                     <td>Escort</td>
 115 |                     <td>Blue</td>
 116 |                     <td>2000</td>
 117 |                     <td>2000</td>
 118 |                     <td>Ford</td>
 119 |                     <td>Escort</td>
 120 |                     <td>Blue</td>
 121 |                     <td>2000</td>
 122 |                     <td>2000</td>
 123 |                     <td>Ford</td>
 124 |                     <td>Escort</td>
 125 |                     <td>Blue</td>
 126 |                     <td>2000</td>
 127 |                     <td>2000</td>
 128 |                     <td>Ford</td>
 129 |                     <td>Escort</td>
 130 |                     <td>Blue</td>
 131 |                     <td>2000</td>
 132 |                     <td>2000</td>
 133 |                     <td>Ford</td>
 134 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 135 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 136 |                     <td class="sticky-cell-opposite">2000</td>
 137 |                 </tr>
 138 |                 <tr>
 139 |                     <td class="sticky-cell">Ford</td>
 140 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 141 |                     <td>Blue</td>
 142 |                     <td>2000</td>
 143 |                     <td>Ford</td>
 144 |                     <td>Escort</td>
 145 |                     <td>Blue</td>
 146 |                     <td>2000</td>
 147 |                     <td>Ford</td>
 148 |                     <td>Escort</td>
 149 |                     <td>Blue</td>
 150 |                     <td>2000</td>
 151 |                     <td>2000</td>
 152 |                     <td>Ford</td>
 153 |                     <td>Escort</td>
 154 |                     <td>Blue</td>
 155 |                     <td>2000</td>
 156 |                     <td>2000</td>
 157 |                     <td>Ford</td>
 158 |                     <td>Escort</td>
 159 |                     <td>Blue</td>
 160 |                     <td>2000</td>
 161 |                     <td>2000</td>
 162 |                     <td>Ford</td>
 163 |                     <td>Escort</td>
 164 |                     <td>Blue</td>
 165 |                     <td>2000</td>
 166 |                     <td>2000</td>
 167 |                     <td>Ford</td>
 168 |                     <td>Escort</td>
 169 |                     <td>Blue</td>
 170 |                     <td>2000</td>
 171 |                     <td>2000</td>
 172 |                     <td>Ford</td>
 173 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 174 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 175 |                     <td class="sticky-cell-opposite">2000</td>
 176 |                 </tr>
 177 |                 <tr>
 178 |                     <td class="sticky-cell">Ford</td>
 179 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 180 |                     <td>Blue</td>
 181 |                     <td>2000</td>
 182 |                     <td>Ford</td>
 183 |                     <td>Escort</td>
 184 |                     <td>Blue</td>
 185 |                     <td>2000</td>
 186 |                     <td>Ford</td>
 187 |                     <td>Escort</td>
 188 |                     <td>Blue</td>
 189 |                     <td>2000</td>
 190 |                     <td>2000</td>
 191 |                     <td>Ford</td>
 192 |                     <td>Escort</td>
 193 |                     <td>Blue</td>
 194 |                     <td>2000</td>
 195 |                     <td>2000</td>
 196 |                     <td>Ford</td>
 197 |                     <td>Escort</td>
 198 |                     <td>Blue</td>
 199 |                     <td>2000</td>
 200 |                     <td>2000</td>
 201 |                     <td>Ford</td>
 202 |                     <td>Escort</td>
 203 |                     <td>Blue</td>
 204 |                     <td>2000</td>
 205 |                     <td>2000</td>
 206 |                     <td>Ford</td>
 207 |                     <td>Escort</td>
 208 |                     <td>Blue</td>
 209 |                     <td>2000</td>
 210 |                     <td>2000</td>
 211 |                     <td>Ford</td>
 212 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 213 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 214 |                     <td class="sticky-cell-opposite">2000</td>
 215 |                 </tr>
 216 |                 <tr>
 217 |                     <td class="sticky-cell">Ford</td>
 218 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 219 |                     <td>Blue</td>
 220 |                     <td>2000</td>
 221 |                     <td>Ford</td>
 222 |                     <td>Escort</td>
 223 |                     <td>Blue</td>
 224 |                     <td>2000</td>
 225 |                     <td>Ford</td>
 226 |                     <td>Escort</td>
 227 |                     <td>Blue</td>
 228 |                     <td>2000</td>
 229 |                     <td>2000</td>
 230 |                     <td>Ford</td>
 231 |                     <td>Escort</td>
 232 |                     <td>Blue</td>
 233 |                     <td>2000</td>
 234 |                     <td>2000</td>
 235 |                     <td>Ford</td>
 236 |                     <td>Escort</td>
 237 |                     <td>Blue</td>
 238 |                     <td>2000</td>
 239 |                     <td>2000</td>
 240 |                     <td>Ford</td>
 241 |                     <td>Escort</td>
 242 |                     <td>Blue</td>
 243 |                     <td>2000</td>
 244 |                     <td>2000</td>
 245 |                     <td>Ford</td>
 246 |                     <td>Escort</td>
 247 |                     <td>Blue</td>
 248 |                     <td>2000</td>
 249 |                     <td>2000</td>
 250 |                     <td>Ford</td>
 251 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 252 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 253 |                     <td class="sticky-cell-opposite">2000</td>
 254 |                 </tr>
 255 |                 <tr>
 256 |                     <td class="sticky-cell">Ford</td>
 257 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 258 |                     <td>Blue</td>
 259 |                     <td>2000</td>
 260 |                     <td>Ford</td>
 261 |                     <td>Escort</td>
 262 |                     <td>Blue</td>
 263 |                     <td>2000</td>
 264 |                     <td>Ford</td>
 265 |                     <td>Escort</td>
 266 |                     <td>Blue</td>
 267 |                     <td>2000</td>
 268 |                     <td>2000</td>
 269 |                     <td>Ford</td>
 270 |                     <td>Escort</td>
 271 |                     <td>Blue</td>
 272 |                     <td>2000</td>
 273 |                     <td>2000</td>
 274 |                     <td>Ford</td>
 275 |                     <td>Escort</td>
 276 |                     <td>Blue</td>
 277 |                     <td>2000</td>
 278 |                     <td>2000</td>
 279 |                     <td>Ford</td>
 280 |                     <td>Escort</td>
 281 |                     <td>Blue</td>
 282 |                     <td>2000</td>
 283 |                     <td>2000</td>
 284 |                     <td>Ford</td>
 285 |                     <td>Escort</td>
 286 |                     <td>Blue</td>
 287 |                     <td>2000</td>
 288 |                     <td>2000</td>
 289 |                     <td>Ford</td>
 290 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 291 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 292 |                     <td class="sticky-cell-opposite">2000</td>
 293 |                 </tr>
 294 |                 <tr>
 295 |                     <td class="sticky-cell">Ford</td>
 296 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 297 |                     <td>Blue</td>
 298 |                     <td>2000</td>
 299 |                     <td>Ford</td>
 300 |                     <td>Escort</td>
 301 |                     <td>Blue</td>
 302 |                     <td>2000</td>
 303 |                     <td>Ford</td>
 304 |                     <td>Escort</td>
 305 |                     <td>Blue</td>
 306 |                     <td>2000</td>
 307 |                     <td>2000</td>
 308 |                     <td>Ford</td>
 309 |                     <td>Escort</td>
 310 |                     <td>Blue</td>
 311 |                     <td>2000</td>
 312 |                     <td>2000</td>
 313 |                     <td>Ford</td>
 314 |                     <td>Escort</td>
 315 |                     <td>Blue</td>
 316 |                     <td>2000</td>
 317 |                     <td>2000</td>
 318 |                     <td>Ford</td>
 319 |                     <td>Escort</td>
 320 |                     <td>Blue</td>
 321 |                     <td>2000</td>
 322 |                     <td>2000</td>
 323 |                     <td>Ford</td>
 324 |                     <td>Escort</td>
 325 |                     <td>Blue</td>
 326 |                     <td>2000</td>
 327 |                     <td>2000</td>
 328 |                     <td>Ford</td>
 329 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 330 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 331 |                     <td class="sticky-cell-opposite">2000</td>
 332 |                 </tr>
 333 |                 <tr>
 334 |                     <td class="sticky-cell">Ford</td>
 335 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 336 |                     <td>Blue</td>
 337 |                     <td>2000</td>
 338 |                     <td>Ford</td>
 339 |                     <td>Escort</td>
 340 |                     <td>Blue</td>
 341 |                     <td>2000</td>
 342 |                     <td>Ford</td>
 343 |                     <td>Escort</td>
 344 |                     <td>Blue</td>
 345 |                     <td>2000</td>
 346 |                     <td>2000</td>
 347 |                     <td>Ford</td>
 348 |                     <td>Escort</td>
 349 |                     <td>Blue</td>
 350 |                     <td>2000</td>
 351 |                     <td>2000</td>
 352 |                     <td>Ford</td>
 353 |                     <td>Escort</td>
 354 |                     <td>Blue</td>
 355 |                     <td>2000</td>
 356 |                     <td>2000</td>
 357 |                     <td>Ford</td>
 358 |                     <td>Escort</td>
 359 |                     <td>Blue</td>
 360 |                     <td>2000</td>
 361 |                     <td>2000</td>
 362 |                     <td>Ford</td>
 363 |                     <td>Escort</td>
 364 |                     <td>Blue</td>
 365 |                     <td>2000</td>
 366 |                     <td>2000</td>
 367 |                     <td>Ford</td>
 368 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 369 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 370 |                     <td class="sticky-cell-opposite">2000</td>
 371 |                 </tr>
 372 |                 <tr>
 373 |                     <td class="sticky-cell">Ford</td>
 374 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 375 |                     <td>Blue</td>
 376 |                     <td>2000</td>
 377 |                     <td>Ford</td>
 378 |                     <td>Escort</td>
 379 |                     <td>Blue</td>
 380 |                     <td>2000</td>
 381 |                     <td>Ford</td>
 382 |                     <td>Escort</td>
 383 |                     <td>Blue</td>
 384 |                     <td>2000</td>
 385 |                     <td>2000</td>
 386 |                     <td>Ford</td>
 387 |                     <td>Escort</td>
 388 |                     <td>Blue</td>
 389 |                     <td>2000</td>
 390 |                     <td>2000</td>
 391 |                     <td>Ford</td>
 392 |                     <td>Escort</td>
 393 |                     <td>Blue</td>
 394 |                     <td>2000</td>
 395 |                     <td>2000</td>
 396 |                     <td>Ford</td>
 397 |                     <td>Escort</td>
 398 |                     <td>Blue</td>
 399 |                     <td>2000</td>
 400 |                     <td>2000</td>
 401 |                     <td>Ford</td>
 402 |                     <td>Escort</td>
 403 |                     <td>Blue</td>
 404 |                     <td>2000</td>
 405 |                     <td>2000</td>
 406 |                     <td>Ford</td>
 407 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 408 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 409 |                     <td class="sticky-cell-opposite">2000</td>
 410 |                 </tr>
 411 |                 <tr>
 412 |                     <td class="sticky-cell">Ford</td>
 413 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 414 |                     <td>Blue</td>
 415 |                     <td>2000</td>
 416 |                     <td>Ford</td>
 417 |                     <td>Escort</td>
 418 |                     <td>Blue</td>
 419 |                     <td>2000</td>
 420 |                     <td>Ford</td>
 421 |                     <td>Escort</td>
 422 |                     <td>Blue</td>
 423 |                     <td>2000</td>
 424 |                     <td>2000</td>
 425 |                     <td>Ford</td>
 426 |                     <td>Escort</td>
 427 |                     <td>Blue</td>
 428 |                     <td>2000</td>
 429 |                     <td>2000</td>
 430 |                     <td>Ford</td>
 431 |                     <td>Escort</td>
 432 |                     <td>Blue</td>
 433 |                     <td>2000</td>
 434 |                     <td>2000</td>
 435 |                     <td>Ford</td>
 436 |                     <td>Escort</td>
 437 |                     <td>Blue</td>
 438 |                     <td>2000</td>
 439 |                     <td>2000</td>
 440 |                     <td>Ford</td>
 441 |                     <td>Escort</td>
 442 |                     <td>Blue</td>
 443 |                     <td>2000</td>
 444 |                     <td>2000</td>
 445 |                     <td>Ford</td>
 446 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 447 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 448 |                     <td class="sticky-cell-opposite">2000</td>
 449 |                 </tr>
 450 |                 <tr>
 451 |                     <td class="sticky-cell">Ford</td>
 452 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 453 |                     <td>Blue</td>
 454 |                     <td>2000</td>
 455 |                     <td>Ford</td>
 456 |                     <td>Escort</td>
 457 |                     <td>Blue</td>
 458 |                     <td>2000</td>
 459 |                     <td>Ford</td>
 460 |                     <td>Escort</td>
 461 |                     <td>Blue</td>
 462 |                     <td>2000</td>
 463 |                     <td>2000</td>
 464 |                     <td>Ford</td>
 465 |                     <td>Escort</td>
 466 |                     <td>Blue</td>
 467 |                     <td>2000</td>
 468 |                     <td>2000</td>
 469 |                     <td>Ford</td>
 470 |                     <td>Escort</td>
 471 |                     <td>Blue</td>
 472 |                     <td>2000</td>
 473 |                     <td>2000</td>
 474 |                     <td>Ford</td>
 475 |                     <td>Escort</td>
 476 |                     <td>Blue</td>
 477 |                     <td>2000</td>
 478 |                     <td>2000</td>
 479 |                     <td>Ford</td>
 480 |                     <td>Escort</td>
 481 |                     <td>Blue</td>
 482 |                     <td>2000</td>
 483 |                     <td>2000</td>
 484 |                     <td>Ford</td>
 485 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 486 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 487 |                     <td class="sticky-cell-opposite">2000</td>
 488 |                 </tr>
 489 |                 <tr>
 490 |                     <td class="sticky-cell">Ford</td>
 491 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 492 |                     <td>Blue</td>
 493 |                     <td>2000</td>
 494 |                     <td>Ford</td>
 495 |                     <td>Escort</td>
 496 |                     <td>Blue</td>
 497 |                     <td>2000</td>
 498 |                     <td>Ford</td>
 499 |                     <td>Escort</td>
 500 |                     <td>Blue</td>
 501 |                     <td>2000</td>
 502 |                     <td>2000</td>
 503 |                     <td>Ford</td>
 504 |                     <td>Escort</td>
 505 |                     <td>Blue</td>
 506 |                     <td>2000</td>
 507 |                     <td>2000</td>
 508 |                     <td>Ford</td>
 509 |                     <td>Escort</td>
 510 |                     <td>Blue</td>
 511 |                     <td>2000</td>
 512 |                     <td>2000</td>
 513 |                     <td>Ford</td>
 514 |                     <td>Escort</td>
 515 |                     <td>Blue</td>
 516 |                     <td>2000</td>
 517 |                     <td>2000</td>
 518 |                     <td>Ford</td>
 519 |                     <td>Escort</td>
 520 |                     <td>Blue</td>
 521 |                     <td>2000</td>
 522 |                     <td>2000</td>
 523 |                     <td>Ford</td>
 524 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 525 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 526 |                     <td class="sticky-cell-opposite">2000</td>
 527 |                 </tr>
 528 |                 <tr>
 529 |                     <td class="sticky-cell">Ford</td>
 530 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 531 |                     <td>Blue</td>
 532 |                     <td>2000</td>
 533 |                     <td>Ford</td>
 534 |                     <td>Escort</td>
 535 |                     <td>Blue</td>
 536 |                     <td>2000</td>
 537 |                     <td>Ford</td>
 538 |                     <td>Escort</td>
 539 |                     <td>Blue</td>
 540 |                     <td>2000</td>
 541 |                     <td>2000</td>
 542 |                     <td>Ford</td>
 543 |                     <td>Escort</td>
 544 |                     <td>Blue</td>
 545 |                     <td>2000</td>
 546 |                     <td>2000</td>
 547 |                     <td>Ford</td>
 548 |                     <td>Escort</td>
 549 |                     <td>Blue</td>
 550 |                     <td>2000</td>
 551 |                     <td>2000</td>
 552 |                     <td>Ford</td>
 553 |                     <td>Escort</td>
 554 |                     <td>Blue</td>
 555 |                     <td>2000</td>
 556 |                     <td>2000</td>
 557 |                     <td>Ford</td>
 558 |                     <td>Escort</td>
 559 |                     <td>Blue</td>
 560 |                     <td>2000</td>
 561 |                     <td>2000</td>
 562 |                     <td>Ford</td>
 563 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 564 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 565 |                     <td class="sticky-cell-opposite">2000</td>
 566 |                 </tr>
 567 |                 <tr>
 568 |                     <td class="sticky-cell">Ford</td>
 569 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 570 |                     <td>Blue</td>
 571 |                     <td>2000</td>
 572 |                     <td>Ford</td>
 573 |                     <td>Escort</td>
 574 |                     <td>Blue</td>
 575 |                     <td>2000</td>
 576 |                     <td>Ford</td>
 577 |                     <td>Escort</td>
 578 |                     <td>Blue</td>
 579 |                     <td>2000</td>
 580 |                     <td>2000</td>
 581 |                     <td>Ford</td>
 582 |                     <td>Escort</td>
 583 |                     <td>Blue</td>
 584 |                     <td>2000</td>
 585 |                     <td>2000</td>
 586 |                     <td>Ford</td>
 587 |                     <td>Escort</td>
 588 |                     <td>Blue</td>
 589 |                     <td>2000</td>
 590 |                     <td>2000</td>
 591 |                     <td>Ford</td>
 592 |                     <td>Escort</td>
 593 |                     <td>Blue</td>
 594 |                     <td>2000</td>
 595 |                     <td>2000</td>
 596 |                     <td>Ford</td>
 597 |                     <td>Escort</td>
 598 |                     <td>Blue</td>
 599 |                     <td>2000</td>
 600 |                     <td>2000</td>
 601 |                     <td>Ford</td>
 602 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 603 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 604 |                     <td class="sticky-cell-opposite">2000</td>
 605 |                 </tr>
 606 |                 <tr>
 607 |                     <td class="sticky-cell">Ford</td>
 608 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 609 |                     <td>Blue</td>
 610 |                     <td>2000</td>
 611 |                     <td>Ford</td>
 612 |                     <td>Escort</td>
 613 |                     <td>Blue</td>
 614 |                     <td>2000</td>
 615 |                     <td>Ford</td>
 616 |                     <td>Escort</td>
 617 |                     <td>Blue</td>
 618 |                     <td>2000</td>
 619 |                     <td>2000</td>
 620 |                     <td>Ford</td>
 621 |                     <td>Escort</td>
 622 |                     <td>Blue</td>
 623 |                     <td>2000</td>
 624 |                     <td>2000</td>
 625 |                     <td>Ford</td>
 626 |                     <td>Escort</td>
 627 |                     <td>Blue</td>
 628 |                     <td>2000</td>
 629 |                     <td>2000</td>
 630 |                     <td>Ford</td>
 631 |                     <td>Escort</td>
 632 |                     <td>Blue</td>
 633 |                     <td>2000</td>
 634 |                     <td>2000</td>
 635 |                     <td>Ford</td>
 636 |                     <td>Escort</td>
 637 |                     <td>Blue</td>
 638 |                     <td>2000</td>
 639 |                     <td>2000</td>
 640 |                     <td>Ford</td>
 641 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 642 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 643 |                     <td class="sticky-cell-opposite">2000</td>
 644 |                 </tr>
 645 |                 <tr>
 646 |                     <td class="sticky-cell">Ford</td>
 647 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 648 |                     <td>Blue</td>
 649 |                     <td>2000</td>
 650 |                     <td>Ford</td>
 651 |                     <td>Escort</td>
 652 |                     <td>Blue</td>
 653 |                     <td>2000</td>
 654 |                     <td>Ford</td>
 655 |                     <td>Escort</td>
 656 |                     <td>Blue</td>
 657 |                     <td>2000</td>
 658 |                     <td>2000</td>
 659 |                     <td>Ford</td>
 660 |                     <td>Escort</td>
 661 |                     <td>Blue</td>
 662 |                     <td>2000</td>
 663 |                     <td>2000</td>
 664 |                     <td>Ford</td>
 665 |                     <td>Escort</td>
 666 |                     <td>Blue</td>
 667 |                     <td>2000</td>
 668 |                     <td>2000</td>
 669 |                     <td>Ford</td>
 670 |                     <td>Escort</td>
 671 |                     <td>Blue</td>
 672 |                     <td>2000</td>
 673 |                     <td>2000</td>
 674 |                     <td>Ford</td>
 675 |                     <td>Escort</td>
 676 |                     <td>Blue</td>
 677 |                     <td>2000</td>
 678 |                     <td>2000</td>
 679 |                     <td>Ford</td>
 680 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 681 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 682 |                     <td class="sticky-cell-opposite">2000</td>
 683 |                 </tr>
 684 |                 <tr>
 685 |                     <td class="sticky-cell">Ford</td>
 686 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 687 |                     <td>Blue</td>
 688 |                     <td>2000</td>
 689 |                     <td>Ford</td>
 690 |                     <td>Escort</td>
 691 |                     <td>Blue</td>
 692 |                     <td>2000</td>
 693 |                     <td>Ford</td>
 694 |                     <td>Escort</td>
 695 |                     <td>Blue</td>
 696 |                     <td>2000</td>
 697 |                     <td>2000</td>
 698 |                     <td>Ford</td>
 699 |                     <td>Escort</td>
 700 |                     <td>Blue</td>
 701 |                     <td>2000</td>
 702 |                     <td>2000</td>
 703 |                     <td>Ford</td>
 704 |                     <td>Escort</td>
 705 |                     <td>Blue</td>
 706 |                     <td>2000</td>
 707 |                     <td>2000</td>
 708 |                     <td>Ford</td>
 709 |                     <td>Escort</td>
 710 |                     <td>Blue</td>
 711 |                     <td>2000</td>
 712 |                     <td>2000</td>
 713 |                     <td>Ford</td>
 714 |                     <td>Escort</td>
 715 |                     <td>Blue</td>
 716 |                     <td>2000</td>
 717 |                     <td>2000</td>
 718 |                     <td>Ford</td>
 719 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 720 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 721 |                     <td class="sticky-cell-opposite">2000</td>
 722 |                 </tr>
 723 |                 <tr>
 724 |                     <td class="sticky-cell">Ford</td>
 725 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 726 |                     <td>Blue</td>
 727 |                     <td>2000</td>
 728 |                     <td>Ford</td>
 729 |                     <td>Escort</td>
 730 |                     <td>Blue</td>
 731 |                     <td>2000</td>
 732 |                     <td>Ford</td>
 733 |                     <td>Escort</td>
 734 |                     <td>Blue</td>
 735 |                     <td>2000</td>
 736 |                     <td>2000</td>
 737 |                     <td>Ford</td>
 738 |                     <td>Escort</td>
 739 |                     <td>Blue</td>
 740 |                     <td>2000</td>
 741 |                     <td>2000</td>
 742 |                     <td>Ford</td>
 743 |                     <td>Escort</td>
 744 |                     <td>Blue</td>
 745 |                     <td>2000</td>
 746 |                     <td>2000</td>
 747 |                     <td>Ford</td>
 748 |                     <td>Escort</td>
 749 |                     <td>Blue</td>
 750 |                     <td>2000</td>
 751 |                     <td>2000</td>
 752 |                     <td>Ford</td>
 753 |                     <td>Escort</td>
 754 |                     <td>Blue</td>
 755 |                     <td>2000</td>
 756 |                     <td>2000</td>
 757 |                     <td>Ford</td>
 758 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 759 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 760 |                     <td class="sticky-cell-opposite">2000</td>
 761 |                 </tr>
 762 |                 <tr>
 763 |                     <td class="sticky-cell">Ford</td>
 764 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 765 |                     <td>Blue</td>
 766 |                     <td>2000</td>
 767 |                     <td>Ford</td>
 768 |                     <td>Escort</td>
 769 |                     <td>Blue</td>
 770 |                     <td>2000</td>
 771 |                     <td>Ford</td>
 772 |                     <td>Escort</td>
 773 |                     <td>Blue</td>
 774 |                     <td>2000</td>
 775 |                     <td>2000</td>
 776 |                     <td>Ford</td>
 777 |                     <td>Escort</td>
 778 |                     <td>Blue</td>
 779 |                     <td>2000</td>
 780 |                     <td>2000</td>
 781 |                     <td>Ford</td>
 782 |                     <td>Escort</td>
 783 |                     <td>Blue</td>
 784 |                     <td>2000</td>
 785 |                     <td>2000</td>
 786 |                     <td>Ford</td>
 787 |                     <td>Escort</td>
 788 |                     <td>Blue</td>
 789 |                     <td>2000</td>
 790 |                     <td>2000</td>
 791 |                     <td>Ford</td>
 792 |                     <td>Escort</td>
 793 |                     <td>Blue</td>
 794 |                     <td>2000</td>
 795 |                     <td>2000</td>
 796 |                     <td>Ford</td>
 797 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 798 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 799 |                     <td class="sticky-cell-opposite">2000</td>
 800 |                 </tr>
 801 |                 <tr>
 802 |                     <td class="sticky-cell">Ford</td>
 803 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 804 |                     <td>Blue</td>
 805 |                     <td>2000</td>
 806 |                     <td>Ford</td>
 807 |                     <td>Escort</td>
 808 |                     <td>Blue</td>
 809 |                     <td>2000</td>
 810 |                     <td>Ford</td>
 811 |                     <td>Escort</td>
 812 |                     <td>Blue</td>
 813 |                     <td>2000</td>
 814 |                     <td>2000</td>
 815 |                     <td>Ford</td>
 816 |                     <td>Escort</td>
 817 |                     <td>Blue</td>
 818 |                     <td>2000</td>
 819 |                     <td>2000</td>
 820 |                     <td>Ford</td>
 821 |                     <td>Escort</td>
 822 |                     <td>Blue</td>
 823 |                     <td>2000</td>
 824 |                     <td>2000</td>
 825 |                     <td>Ford</td>
 826 |                     <td>Escort</td>
 827 |                     <td>Blue</td>
 828 |                     <td>2000</td>
 829 |                     <td>2000</td>
 830 |                     <td>Ford</td>
 831 |                     <td>Escort</td>
 832 |                     <td>Blue</td>
 833 |                     <td>2000</td>
 834 |                     <td>2000</td>
 835 |                     <td>Ford</td>
 836 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 837 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 838 |                     <td class="sticky-cell-opposite">2000</td>
 839 |                 </tr>
 840 |                 <tr>
 841 |                     <td class="sticky-cell">Ford</td>
 842 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 843 |                     <td>Blue</td>
 844 |                     <td>2000</td>
 845 |                     <td>Ford</td>
 846 |                     <td>Escort</td>
 847 |                     <td>Blue</td>
 848 |                     <td>2000</td>
 849 |                     <td>Ford</td>
 850 |                     <td>Escort</td>
 851 |                     <td>Blue</td>
 852 |                     <td>2000</td>
 853 |                     <td>2000</td>
 854 |                     <td>Ford</td>
 855 |                     <td>Escort</td>
 856 |                     <td>Blue</td>
 857 |                     <td>2000</td>
 858 |                     <td>2000</td>
 859 |                     <td>Ford</td>
 860 |                     <td>Escort</td>
 861 |                     <td>Blue</td>
 862 |                     <td>2000</td>
 863 |                     <td>2000</td>
 864 |                     <td>Ford</td>
 865 |                     <td>Escort</td>
 866 |                     <td>Blue</td>
 867 |                     <td>2000</td>
 868 |                     <td>2000</td>
 869 |                     <td>Ford</td>
 870 |                     <td>Escort</td>
 871 |                     <td>Blue</td>
 872 |                     <td>2000</td>
 873 |                     <td>2000</td>
 874 |                     <td>Ford</td>
 875 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 876 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 877 |                     <td class="sticky-cell-opposite">2000</td>
 878 |                 </tr>
 879 |                 <tr>
 880 |                     <td class="sticky-cell">Ford</td>
 881 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 882 |                     <td>Blue</td>
 883 |                     <td>2000</td>
 884 |                     <td>Ford</td>
 885 |                     <td>Escort</td>
 886 |                     <td>Blue</td>
 887 |                     <td>2000</td>
 888 |                     <td>Ford</td>
 889 |                     <td>Escort</td>
 890 |                     <td>Blue</td>
 891 |                     <td>2000</td>
 892 |                     <td>2000</td>
 893 |                     <td>Ford</td>
 894 |                     <td>Escort</td>
 895 |                     <td>Blue</td>
 896 |                     <td>2000</td>
 897 |                     <td>2000</td>
 898 |                     <td>Ford</td>
 899 |                     <td>Escort</td>
 900 |                     <td>Blue</td>
 901 |                     <td>2000</td>
 902 |                     <td>2000</td>
 903 |                     <td>Ford</td>
 904 |                     <td>Escort</td>
 905 |                     <td>Blue</td>
 906 |                     <td>2000</td>
 907 |                     <td>2000</td>
 908 |                     <td>Ford</td>
 909 |                     <td>Escort</td>
 910 |                     <td>Blue</td>
 911 |                     <td>2000</td>
 912 |                     <td>2000</td>
 913 |                     <td>Ford</td>
 914 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 915 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 916 |                     <td class="sticky-cell-opposite">2000</td>
 917 |                 </tr>
 918 |                 <tr>
 919 |                     <td class="sticky-cell">Ford</td>
 920 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 921 |                     <td>Blue</td>
 922 |                     <td>2000</td>
 923 |                     <td>Ford</td>
 924 |                     <td>Escort</td>
 925 |                     <td>Blue</td>
 926 |                     <td>2000</td>
 927 |                     <td>Ford</td>
 928 |                     <td>Escort</td>
 929 |                     <td>Blue</td>
 930 |                     <td>2000</td>
 931 |                     <td>2000</td>
 932 |                     <td>Ford</td>
 933 |                     <td>Escort</td>
 934 |                     <td>Blue</td>
 935 |                     <td>2000</td>
 936 |                     <td>2000</td>
 937 |                     <td>Ford</td>
 938 |                     <td>Escort</td>
 939 |                     <td>Blue</td>
 940 |                     <td>2000</td>
 941 |                     <td>2000</td>
 942 |                     <td>Ford</td>
 943 |                     <td>Escort</td>
 944 |                     <td>Blue</td>
 945 |                     <td>2000</td>
 946 |                     <td>2000</td>
 947 |                     <td>Ford</td>
 948 |                     <td>Escort</td>
 949 |                     <td>Blue</td>
 950 |                     <td>2000</td>
 951 |                     <td>2000</td>
 952 |                     <td>Ford</td>
 953 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 954 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 955 |                     <td class="sticky-cell-opposite">2000</td>
 956 |                 </tr>
 957 |                 <tr>
 958 |                     <td class="sticky-cell">Ford</td>
 959 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 960 |                     <td>Blue</td>
 961 |                     <td>2000</td>
 962 |                     <td>Ford</td>
 963 |                     <td>Escort</td>
 964 |                     <td>Blue</td>
 965 |                     <td>2000</td>
 966 |                     <td>Ford</td>
 967 |                     <td>Escort</td>
 968 |                     <td>Blue</td>
 969 |                     <td>2000</td>
 970 |                     <td>2000</td>
 971 |                     <td>Ford</td>
 972 |                     <td>Escort</td>
 973 |                     <td>Blue</td>
 974 |                     <td>2000</td>
 975 |                     <td>2000</td>
 976 |                     <td>Ford</td>
 977 |                     <td>Escort</td>
 978 |                     <td>Blue</td>
 979 |                     <td>2000</td>
 980 |                     <td>2000</td>
 981 |                     <td>Ford</td>
 982 |                     <td>Escort</td>
 983 |                     <td>Blue</td>
 984 |                     <td>2000</td>
 985 |                     <td>2000</td>
 986 |                     <td>Ford</td>
 987 |                     <td>Escort</td>
 988 |                     <td>Blue</td>
 989 |                     <td>2000</td>
 990 |                     <td>2000</td>
 991 |                     <td>Ford</td>
 992 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 993 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 994 |                     <td class="sticky-cell-opposite">2000</td>
 995 |                 </tr>
 996 |                 
 997 |             </tbody>
 998 |             <tfoot>
 999 |                 <tr class="sticky-footer">
1000 |                     <th class="sticky-cell">Ford</th>
1001 |                     <th class="sticky-cell">Escort</th>
1002 |                     <th>Blue</th>
1003 |                     <th>2000</th>
1004 |                     <th>Ford</th>
1005 |                     <th>Escort</th>
1006 |                     <th>Blue</th>
1007 |                     <th>2000</th>
1008 |                     <th>Ford</th>
1009 |                     <th>Escort</th>
1010 |                     <th>Blue</th>
1011 |                     <th>2000</th>
1012 |                     <th>2000</th>
1013 |                     <th>Ford</th>
1014 |                     <th>Escort</th>
1015 |                     <th>Blue</th>
1016 |                     <th>2000</th>
1017 |                     <th>2000</th>
1018 |                     <th>Ford</th>
1019 |                     <th>Escort</th>
1020 |                     <th>Blue</th>
1021 |                     <th>2000</th>
1022 |                     <th>2000</th>
1023 |                     <th>Ford</th>
1024 |                     <th>Escort</th>
1025 |                     <th>Blue</th>
1026 |                     <th>2000</th>
1027 |                     <th>2000</th>
1028 |                     <th>Ford</th>
1029 |                     <th>Escort</th>
1030 |                     <th>Blue</th>
1031 |                     <th>2000</th>
1032 |                     <th>2000</th>
1033 |                     <th>Ford</th>
1034 |                     <th class="sticky-cell-opposite">Escort</th>
1035 |                     <th class="sticky-cell-opposite">Blue</th>
1036 |                     <th class="sticky-cell-opposite">2000</th>
1037 |                 </tr>
1038 |                 <tr class="sticky-footer">
1039 |                     <th class="sticky-cell">Ford 2</th>
1040 |                     <th class="sticky-cell">Escort 2</th>
1041 |                     <th>Blue 2</th>
1042 |                     <th>2000 2</th>
1043 |                     <th>Ford 2</th>
1044 |                     <th>Escort 2</th>
1045 |                     <th>Blue 2</th>
1046 |                     <th>2000 2</th>
1047 |                     <th>Ford 2</th>
1048 |                     <th>Escort 2</th>
1049 |                     <th>Blue 2</th>
1050 |                     <th>2000 2</th>
1051 |                     <th>2000 2</th>
1052 |                     <th>Ford 2</th>
1053 |                     <th>Escort 2</th>
1054 |                     <th>Blue 2</th>
1055 |                     <th>2000 2</th>
1056 |                     <th>2000 2</th>
1057 |                     <th>Ford 2</th>
1058 |                     <th>Escort 2</th>
1059 |                     <th>Blue 2</th>
1060 |                     <th>2000 2</th>
1061 |                     <th>2000 2</th>
1062 |                     <th>Ford 2</th>
1063 |                     <th>Escort 2</th>
1064 |                     <th>Blue 2</th>
1065 |                     <th>2000 2</th>
1066 |                     <th>2000 2</th>
1067 |                     <th>Ford 2</th>
1068 |                     <th>Escort 2</th>
1069 |                     <th>Blue 2</th>
1070 |                     <th>2000 2</th>
1071 |                     <th>2000 2</th>
1072 |                     <th>Ford 2</th>
1073 |                     <th class="sticky-cell-opposite">Escort 2</th>
1074 |                     <th class="sticky-cell-opposite">Blue 2</th>
1075 |                     <th class="sticky-cell-opposite">2000 2</th>
1076 |                 </tr>
1077 |             </tfoot>
1078 |         </table>
1079 |     </div>
1080 | </body>
1081 | 
1082 | </html>
1083 | 


--------------------------------------------------------------------------------
/examples/example-popup.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 |     <head>
 5 |         <meta charset="utf-8">
 6 |         <title>Sticky Table LTR Example</title>
 7 |         <link rel="stylesheet" href="./libs/bootstrap.min.css">
 8 |         <link rel="stylesheet" href="./libs/jquery.fancybox.css">
 9 |         <link rel="stylesheet" href="../jquery.stickytable.css">
10 | 
11 |         <script src="./libs/jquery-3.2.0.min.js" type="text/javascript"></script>
12 |         <script src="./libs/jquery.fancybox.js" type="text/javascript"></script>
13 |         <script src="../jquery.stickytable.js" type="text/javascript"></script>
14 | 
15 |     </head>
16 | 
17 |     <body dir="ltr">
18 |         <h1>Sticky Table in a Popup</h1>
19 |         <a href="#hidden-table" class="btn btn-default fancybox view-table">View Table</a>
20 |         <div id="hidden-table" style="display: none;"></div>
21 | 
22 |         <script type="text/javascript">
23 |             jQuery(function($) {
24 |                 $(".fancybox.view-table").fancybox({
25 |             		padding		: 15,
26 |             		autoDimensions: false,
27 |             		fitToView	: true,
28 |             		autoSize: true,
29 |             		closeClick	: false,
30 |             		closeBtn : true
31 |             	});
32 | 
33 |                 $(document).on("click",".fancybox.view-table", function(){
34 |                     $.ajax({
35 |                         url : "sample-table.txt",
36 |                         dataType: "text",
37 |                         success : function (data) {
38 |                             $("#hidden-table").html(data);
39 |                             $( document ).trigger( "stickyTable" );
40 |                         }
41 |                     });
42 |                 });
43 |             });
44 |         </script>
45 |     </body>
46 | </html>
47 | 


--------------------------------------------------------------------------------
/examples/example-rtl.html:
--------------------------------------------------------------------------------
   1 | <!DOCTYPE html>
   2 | <html>
   3 | 
   4 | <head>
   5 |     <meta charset="utf-8">
   6 |     <title>Sticky Table RTL Example</title>
   7 |     <link rel="stylesheet" href="./libs/bootstrap.min.css">
   8 |     <link rel="stylesheet" href="../jquery.stickytable.css">
   9 | 
  10 |     <script src="./libs/jquery-3.2.0.min.js" type="text/javascript"></script>
  11 |     <script src="../jquery.stickytable.js" type="text/javascript"></script>
  12 | </head>
  13 | 
  14 | <body dir="rtl">
  15 |     <h1>RTL Sticky Table</h1>
  16 |     <div class="sticky-table sticky-rtl-cells">
  17 |         <table class="table table-striped">
  18 |             <thead>
  19 |                 <tr class="sticky-header">
  20 |                     <th class="sticky-cell">Ford</th>
  21 |                     <th class="sticky-cell">Escort</th>
  22 |                     <th>Blue</th>
  23 |                     <th>2000</th>
  24 |                     <th>Ford</th>
  25 |                     <th>Escort</th>
  26 |                     <th>Blue</th>
  27 |                     <th>2000</th>
  28 |                     <th>Ford</th>
  29 |                     <th>Escort</th>
  30 |                     <th>Blue</th>
  31 |                     <th>2000</th>
  32 |                     <th>2000</th>
  33 |                     <th>Ford</th>
  34 |                     <th>Escort</th>
  35 |                     <th>Blue</th>
  36 |                     <th>2000</th>
  37 |                     <th>2000</th>
  38 |                     <th>Ford</th>
  39 |                     <th>Escort</th>
  40 |                     <th>Blue</th>
  41 |                     <th>2000</th>
  42 |                     <th>2000</th>
  43 |                     <th>Ford</th>
  44 |                     <th>Escort</th>
  45 |                     <th>Blue</th>
  46 |                     <th>2000</th>
  47 |                     <th>2000</th>
  48 |                     <th>Ford</th>
  49 |                     <th>Escort</th>
  50 |                     <th>Blue</th>
  51 |                     <th>2000</th>
  52 |                     <th>2000</th>
  53 |                     <th>Ford</th>
  54 |                     <th class="sticky-cell-opposite">Escort</th>
  55 |                     <th class="sticky-cell-opposite">Blue</th>
  56 |                     <th class="sticky-cell-opposite">2000</th>
  57 |                 </tr>
  58 |                 <tr class="sticky-header">
  59 |                     <th class="sticky-cell">Ford 2</th>
  60 |                     <th class="sticky-cell">Escort 2</th>
  61 |                     <th>Blue 2</th>
  62 |                     <th>2000 2</th>
  63 |                     <th>Ford 2</th>
  64 |                     <th>Escort 2</th>
  65 |                     <th>Blue 2</th>
  66 |                     <th>2000 2</th>
  67 |                     <th>Ford 2</th>
  68 |                     <th>Escort 2</th>
  69 |                     <th>Blue 2</th>
  70 |                     <th>2000 2</th>
  71 |                     <th>2000 2</th>
  72 |                     <th>Ford 2</th>
  73 |                     <th>Escort 2</th>
  74 |                     <th>Blue 2</th>
  75 |                     <th>2000 2</th>
  76 |                     <th>2000 2</th>
  77 |                     <th>Ford 2</th>
  78 |                     <th>Escort 2</th>
  79 |                     <th>Blue 2</th>
  80 |                     <th>2000 2</th>
  81 |                     <th>2000 2</th>
  82 |                     <th>Ford 2</th>
  83 |                     <th>Escort 2</th>
  84 |                     <th>Blue 2</th>
  85 |                     <th>2000 2</th>
  86 |                     <th>2000 2</th>
  87 |                     <th>Ford 2</th>
  88 |                     <th>Escort 2</th>
  89 |                     <th>Blue 2</th>
  90 |                     <th>2000 2</th>
  91 |                     <th>2000 2</th>
  92 |                     <th>Ford 2</th>
  93 |                     <th class="sticky-cell-opposite">Escort 2</th>
  94 |                     <th class="sticky-cell-opposite">Blue 2</th>
  95 |                     <th class="sticky-cell-opposite">2000 2</th>
  96 |                 </tr>
  97 |             </thead>
  98 |             <tbody>
  99 |                 <tr>
 100 |                     <td class="sticky-cell">Ford</td>
 101 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 102 |                     <td>Blue</td>
 103 |                     <td>2000</td>
 104 |                     <td>Ford</td>
 105 |                     <td>Escort</td>
 106 |                     <td>Blue</td>
 107 |                     <td>2000</td>
 108 |                     <td>Ford</td>
 109 |                     <td>Escort</td>
 110 |                     <td>Blue</td>
 111 |                     <td>2000</td>
 112 |                     <td>2000</td>
 113 |                     <td>Ford</td>
 114 |                     <td>Escort</td>
 115 |                     <td>Blue</td>
 116 |                     <td>2000</td>
 117 |                     <td>2000</td>
 118 |                     <td>Ford</td>
 119 |                     <td>Escort</td>
 120 |                     <td>Blue</td>
 121 |                     <td>2000</td>
 122 |                     <td>2000</td>
 123 |                     <td>Ford</td>
 124 |                     <td>Escort</td>
 125 |                     <td>Blue</td>
 126 |                     <td>2000</td>
 127 |                     <td>2000</td>
 128 |                     <td>Ford</td>
 129 |                     <td>Escort</td>
 130 |                     <td>Blue</td>
 131 |                     <td>2000</td>
 132 |                     <td>2000</td>
 133 |                     <td>Ford</td>
 134 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 135 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 136 |                     <td class="sticky-cell-opposite">2000</td>
 137 |                 </tr>
 138 |                 <tr>
 139 |                     <td class="sticky-cell">Ford</td>
 140 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 141 |                     <td>Blue</td>
 142 |                     <td>2000</td>
 143 |                     <td>Ford</td>
 144 |                     <td>Escort</td>
 145 |                     <td>Blue</td>
 146 |                     <td>2000</td>
 147 |                     <td>Ford</td>
 148 |                     <td>Escort</td>
 149 |                     <td>Blue</td>
 150 |                     <td>2000</td>
 151 |                     <td>2000</td>
 152 |                     <td>Ford</td>
 153 |                     <td>Escort</td>
 154 |                     <td>Blue</td>
 155 |                     <td>2000</td>
 156 |                     <td>2000</td>
 157 |                     <td>Ford</td>
 158 |                     <td>Escort</td>
 159 |                     <td>Blue</td>
 160 |                     <td>2000</td>
 161 |                     <td>2000</td>
 162 |                     <td>Ford</td>
 163 |                     <td>Escort</td>
 164 |                     <td>Blue</td>
 165 |                     <td>2000</td>
 166 |                     <td>2000</td>
 167 |                     <td>Ford</td>
 168 |                     <td>Escort</td>
 169 |                     <td>Blue</td>
 170 |                     <td>2000</td>
 171 |                     <td>2000</td>
 172 |                     <td>Ford</td>
 173 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 174 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 175 |                     <td class="sticky-cell-opposite">2000</td>
 176 |                 </tr>
 177 |                 <tr>
 178 |                     <td class="sticky-cell">Ford</td>
 179 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 180 |                     <td>Blue</td>
 181 |                     <td>2000</td>
 182 |                     <td>Ford</td>
 183 |                     <td>Escort</td>
 184 |                     <td>Blue</td>
 185 |                     <td>2000</td>
 186 |                     <td>Ford</td>
 187 |                     <td>Escort</td>
 188 |                     <td>Blue</td>
 189 |                     <td>2000</td>
 190 |                     <td>2000</td>
 191 |                     <td>Ford</td>
 192 |                     <td>Escort</td>
 193 |                     <td>Blue</td>
 194 |                     <td>2000</td>
 195 |                     <td>2000</td>
 196 |                     <td>Ford</td>
 197 |                     <td>Escort</td>
 198 |                     <td>Blue</td>
 199 |                     <td>2000</td>
 200 |                     <td>2000</td>
 201 |                     <td>Ford</td>
 202 |                     <td>Escort</td>
 203 |                     <td>Blue</td>
 204 |                     <td>2000</td>
 205 |                     <td>2000</td>
 206 |                     <td>Ford</td>
 207 |                     <td>Escort</td>
 208 |                     <td>Blue</td>
 209 |                     <td>2000</td>
 210 |                     <td>2000</td>
 211 |                     <td>Ford</td>
 212 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 213 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 214 |                     <td class="sticky-cell-opposite">2000</td>
 215 |                 </tr>
 216 |                 <tr>
 217 |                     <td class="sticky-cell">Ford</td>
 218 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 219 |                     <td>Blue</td>
 220 |                     <td>2000</td>
 221 |                     <td>Ford</td>
 222 |                     <td>Escort</td>
 223 |                     <td>Blue</td>
 224 |                     <td>2000</td>
 225 |                     <td>Ford</td>
 226 |                     <td>Escort</td>
 227 |                     <td>Blue</td>
 228 |                     <td>2000</td>
 229 |                     <td>2000</td>
 230 |                     <td>Ford</td>
 231 |                     <td>Escort</td>
 232 |                     <td>Blue</td>
 233 |                     <td>2000</td>
 234 |                     <td>2000</td>
 235 |                     <td>Ford</td>
 236 |                     <td>Escort</td>
 237 |                     <td>Blue</td>
 238 |                     <td>2000</td>
 239 |                     <td>2000</td>
 240 |                     <td>Ford</td>
 241 |                     <td>Escort</td>
 242 |                     <td>Blue</td>
 243 |                     <td>2000</td>
 244 |                     <td>2000</td>
 245 |                     <td>Ford</td>
 246 |                     <td>Escort</td>
 247 |                     <td>Blue</td>
 248 |                     <td>2000</td>
 249 |                     <td>2000</td>
 250 |                     <td>Ford</td>
 251 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 252 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 253 |                     <td class="sticky-cell-opposite">2000</td>
 254 |                 </tr>
 255 |                 <tr>
 256 |                     <td class="sticky-cell">Ford</td>
 257 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 258 |                     <td>Blue</td>
 259 |                     <td>2000</td>
 260 |                     <td>Ford</td>
 261 |                     <td>Escort</td>
 262 |                     <td>Blue</td>
 263 |                     <td>2000</td>
 264 |                     <td>Ford</td>
 265 |                     <td>Escort</td>
 266 |                     <td>Blue</td>
 267 |                     <td>2000</td>
 268 |                     <td>2000</td>
 269 |                     <td>Ford</td>
 270 |                     <td>Escort</td>
 271 |                     <td>Blue</td>
 272 |                     <td>2000</td>
 273 |                     <td>2000</td>
 274 |                     <td>Ford</td>
 275 |                     <td>Escort</td>
 276 |                     <td>Blue</td>
 277 |                     <td>2000</td>
 278 |                     <td>2000</td>
 279 |                     <td>Ford</td>
 280 |                     <td>Escort</td>
 281 |                     <td>Blue</td>
 282 |                     <td>2000</td>
 283 |                     <td>2000</td>
 284 |                     <td>Ford</td>
 285 |                     <td>Escort</td>
 286 |                     <td>Blue</td>
 287 |                     <td>2000</td>
 288 |                     <td>2000</td>
 289 |                     <td>Ford</td>
 290 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 291 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 292 |                     <td class="sticky-cell-opposite">2000</td>
 293 |                 </tr>
 294 |                 <tr>
 295 |                     <td class="sticky-cell">Ford</td>
 296 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 297 |                     <td>Blue</td>
 298 |                     <td>2000</td>
 299 |                     <td>Ford</td>
 300 |                     <td>Escort</td>
 301 |                     <td>Blue</td>
 302 |                     <td>2000</td>
 303 |                     <td>Ford</td>
 304 |                     <td>Escort</td>
 305 |                     <td>Blue</td>
 306 |                     <td>2000</td>
 307 |                     <td>2000</td>
 308 |                     <td>Ford</td>
 309 |                     <td>Escort</td>
 310 |                     <td>Blue</td>
 311 |                     <td>2000</td>
 312 |                     <td>2000</td>
 313 |                     <td>Ford</td>
 314 |                     <td>Escort</td>
 315 |                     <td>Blue</td>
 316 |                     <td>2000</td>
 317 |                     <td>2000</td>
 318 |                     <td>Ford</td>
 319 |                     <td>Escort</td>
 320 |                     <td>Blue</td>
 321 |                     <td>2000</td>
 322 |                     <td>2000</td>
 323 |                     <td>Ford</td>
 324 |                     <td>Escort</td>
 325 |                     <td>Blue</td>
 326 |                     <td>2000</td>
 327 |                     <td>2000</td>
 328 |                     <td>Ford</td>
 329 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 330 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 331 |                     <td class="sticky-cell-opposite">2000</td>
 332 |                 </tr>
 333 |                 <tr>
 334 |                     <td class="sticky-cell">Ford</td>
 335 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 336 |                     <td>Blue</td>
 337 |                     <td>2000</td>
 338 |                     <td>Ford</td>
 339 |                     <td>Escort</td>
 340 |                     <td>Blue</td>
 341 |                     <td>2000</td>
 342 |                     <td>Ford</td>
 343 |                     <td>Escort</td>
 344 |                     <td>Blue</td>
 345 |                     <td>2000</td>
 346 |                     <td>2000</td>
 347 |                     <td>Ford</td>
 348 |                     <td>Escort</td>
 349 |                     <td>Blue</td>
 350 |                     <td>2000</td>
 351 |                     <td>2000</td>
 352 |                     <td>Ford</td>
 353 |                     <td>Escort</td>
 354 |                     <td>Blue</td>
 355 |                     <td>2000</td>
 356 |                     <td>2000</td>
 357 |                     <td>Ford</td>
 358 |                     <td>Escort</td>
 359 |                     <td>Blue</td>
 360 |                     <td>2000</td>
 361 |                     <td>2000</td>
 362 |                     <td>Ford</td>
 363 |                     <td>Escort</td>
 364 |                     <td>Blue</td>
 365 |                     <td>2000</td>
 366 |                     <td>2000</td>
 367 |                     <td>Ford</td>
 368 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 369 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 370 |                     <td class="sticky-cell-opposite">2000</td>
 371 |                 </tr>
 372 |                 <tr>
 373 |                     <td class="sticky-cell">Ford</td>
 374 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 375 |                     <td>Blue</td>
 376 |                     <td>2000</td>
 377 |                     <td>Ford</td>
 378 |                     <td>Escort</td>
 379 |                     <td>Blue</td>
 380 |                     <td>2000</td>
 381 |                     <td>Ford</td>
 382 |                     <td>Escort</td>
 383 |                     <td>Blue</td>
 384 |                     <td>2000</td>
 385 |                     <td>2000</td>
 386 |                     <td>Ford</td>
 387 |                     <td>Escort</td>
 388 |                     <td>Blue</td>
 389 |                     <td>2000</td>
 390 |                     <td>2000</td>
 391 |                     <td>Ford</td>
 392 |                     <td>Escort</td>
 393 |                     <td>Blue</td>
 394 |                     <td>2000</td>
 395 |                     <td>2000</td>
 396 |                     <td>Ford</td>
 397 |                     <td>Escort</td>
 398 |                     <td>Blue</td>
 399 |                     <td>2000</td>
 400 |                     <td>2000</td>
 401 |                     <td>Ford</td>
 402 |                     <td>Escort</td>
 403 |                     <td>Blue</td>
 404 |                     <td>2000</td>
 405 |                     <td>2000</td>
 406 |                     <td>Ford</td>
 407 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 408 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 409 |                     <td class="sticky-cell-opposite">2000</td>
 410 |                 </tr>
 411 |                 <tr>
 412 |                     <td class="sticky-cell">Ford</td>
 413 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 414 |                     <td>Blue</td>
 415 |                     <td>2000</td>
 416 |                     <td>Ford</td>
 417 |                     <td>Escort</td>
 418 |                     <td>Blue</td>
 419 |                     <td>2000</td>
 420 |                     <td>Ford</td>
 421 |                     <td>Escort</td>
 422 |                     <td>Blue</td>
 423 |                     <td>2000</td>
 424 |                     <td>2000</td>
 425 |                     <td>Ford</td>
 426 |                     <td>Escort</td>
 427 |                     <td>Blue</td>
 428 |                     <td>2000</td>
 429 |                     <td>2000</td>
 430 |                     <td>Ford</td>
 431 |                     <td>Escort</td>
 432 |                     <td>Blue</td>
 433 |                     <td>2000</td>
 434 |                     <td>2000</td>
 435 |                     <td>Ford</td>
 436 |                     <td>Escort</td>
 437 |                     <td>Blue</td>
 438 |                     <td>2000</td>
 439 |                     <td>2000</td>
 440 |                     <td>Ford</td>
 441 |                     <td>Escort</td>
 442 |                     <td>Blue</td>
 443 |                     <td>2000</td>
 444 |                     <td>2000</td>
 445 |                     <td>Ford</td>
 446 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 447 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 448 |                     <td class="sticky-cell-opposite">2000</td>
 449 |                 </tr>
 450 |                 <tr>
 451 |                     <td class="sticky-cell">Ford</td>
 452 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 453 |                     <td>Blue</td>
 454 |                     <td>2000</td>
 455 |                     <td>Ford</td>
 456 |                     <td>Escort</td>
 457 |                     <td>Blue</td>
 458 |                     <td>2000</td>
 459 |                     <td>Ford</td>
 460 |                     <td>Escort</td>
 461 |                     <td>Blue</td>
 462 |                     <td>2000</td>
 463 |                     <td>2000</td>
 464 |                     <td>Ford</td>
 465 |                     <td>Escort</td>
 466 |                     <td>Blue</td>
 467 |                     <td>2000</td>
 468 |                     <td>2000</td>
 469 |                     <td>Ford</td>
 470 |                     <td>Escort</td>
 471 |                     <td>Blue</td>
 472 |                     <td>2000</td>
 473 |                     <td>2000</td>
 474 |                     <td>Ford</td>
 475 |                     <td>Escort</td>
 476 |                     <td>Blue</td>
 477 |                     <td>2000</td>
 478 |                     <td>2000</td>
 479 |                     <td>Ford</td>
 480 |                     <td>Escort</td>
 481 |                     <td>Blue</td>
 482 |                     <td>2000</td>
 483 |                     <td>2000</td>
 484 |                     <td>Ford</td>
 485 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 486 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 487 |                     <td class="sticky-cell-opposite">2000</td>
 488 |                 </tr>
 489 |                 <tr>
 490 |                     <td class="sticky-cell">Ford</td>
 491 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 492 |                     <td>Blue</td>
 493 |                     <td>2000</td>
 494 |                     <td>Ford</td>
 495 |                     <td>Escort</td>
 496 |                     <td>Blue</td>
 497 |                     <td>2000</td>
 498 |                     <td>Ford</td>
 499 |                     <td>Escort</td>
 500 |                     <td>Blue</td>
 501 |                     <td>2000</td>
 502 |                     <td>2000</td>
 503 |                     <td>Ford</td>
 504 |                     <td>Escort</td>
 505 |                     <td>Blue</td>
 506 |                     <td>2000</td>
 507 |                     <td>2000</td>
 508 |                     <td>Ford</td>
 509 |                     <td>Escort</td>
 510 |                     <td>Blue</td>
 511 |                     <td>2000</td>
 512 |                     <td>2000</td>
 513 |                     <td>Ford</td>
 514 |                     <td>Escort</td>
 515 |                     <td>Blue</td>
 516 |                     <td>2000</td>
 517 |                     <td>2000</td>
 518 |                     <td>Ford</td>
 519 |                     <td>Escort</td>
 520 |                     <td>Blue</td>
 521 |                     <td>2000</td>
 522 |                     <td>2000</td>
 523 |                     <td>Ford</td>
 524 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 525 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 526 |                     <td class="sticky-cell-opposite">2000</td>
 527 |                 </tr>
 528 |                 <tr>
 529 |                     <td class="sticky-cell">Ford</td>
 530 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 531 |                     <td>Blue</td>
 532 |                     <td>2000</td>
 533 |                     <td>Ford</td>
 534 |                     <td>Escort</td>
 535 |                     <td>Blue</td>
 536 |                     <td>2000</td>
 537 |                     <td>Ford</td>
 538 |                     <td>Escort</td>
 539 |                     <td>Blue</td>
 540 |                     <td>2000</td>
 541 |                     <td>2000</td>
 542 |                     <td>Ford</td>
 543 |                     <td>Escort</td>
 544 |                     <td>Blue</td>
 545 |                     <td>2000</td>
 546 |                     <td>2000</td>
 547 |                     <td>Ford</td>
 548 |                     <td>Escort</td>
 549 |                     <td>Blue</td>
 550 |                     <td>2000</td>
 551 |                     <td>2000</td>
 552 |                     <td>Ford</td>
 553 |                     <td>Escort</td>
 554 |                     <td>Blue</td>
 555 |                     <td>2000</td>
 556 |                     <td>2000</td>
 557 |                     <td>Ford</td>
 558 |                     <td>Escort</td>
 559 |                     <td>Blue</td>
 560 |                     <td>2000</td>
 561 |                     <td>2000</td>
 562 |                     <td>Ford</td>
 563 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 564 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 565 |                     <td class="sticky-cell-opposite">2000</td>
 566 |                 </tr>
 567 |                 <tr>
 568 |                     <td class="sticky-cell">Ford</td>
 569 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 570 |                     <td>Blue</td>
 571 |                     <td>2000</td>
 572 |                     <td>Ford</td>
 573 |                     <td>Escort</td>
 574 |                     <td>Blue</td>
 575 |                     <td>2000</td>
 576 |                     <td>Ford</td>
 577 |                     <td>Escort</td>
 578 |                     <td>Blue</td>
 579 |                     <td>2000</td>
 580 |                     <td>2000</td>
 581 |                     <td>Ford</td>
 582 |                     <td>Escort</td>
 583 |                     <td>Blue</td>
 584 |                     <td>2000</td>
 585 |                     <td>2000</td>
 586 |                     <td>Ford</td>
 587 |                     <td>Escort</td>
 588 |                     <td>Blue</td>
 589 |                     <td>2000</td>
 590 |                     <td>2000</td>
 591 |                     <td>Ford</td>
 592 |                     <td>Escort</td>
 593 |                     <td>Blue</td>
 594 |                     <td>2000</td>
 595 |                     <td>2000</td>
 596 |                     <td>Ford</td>
 597 |                     <td>Escort</td>
 598 |                     <td>Blue</td>
 599 |                     <td>2000</td>
 600 |                     <td>2000</td>
 601 |                     <td>Ford</td>
 602 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 603 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 604 |                     <td class="sticky-cell-opposite">2000</td>
 605 |                 </tr>
 606 |                 <tr>
 607 |                     <td class="sticky-cell">Ford</td>
 608 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 609 |                     <td>Blue</td>
 610 |                     <td>2000</td>
 611 |                     <td>Ford</td>
 612 |                     <td>Escort</td>
 613 |                     <td>Blue</td>
 614 |                     <td>2000</td>
 615 |                     <td>Ford</td>
 616 |                     <td>Escort</td>
 617 |                     <td>Blue</td>
 618 |                     <td>2000</td>
 619 |                     <td>2000</td>
 620 |                     <td>Ford</td>
 621 |                     <td>Escort</td>
 622 |                     <td>Blue</td>
 623 |                     <td>2000</td>
 624 |                     <td>2000</td>
 625 |                     <td>Ford</td>
 626 |                     <td>Escort</td>
 627 |                     <td>Blue</td>
 628 |                     <td>2000</td>
 629 |                     <td>2000</td>
 630 |                     <td>Ford</td>
 631 |                     <td>Escort</td>
 632 |                     <td>Blue</td>
 633 |                     <td>2000</td>
 634 |                     <td>2000</td>
 635 |                     <td>Ford</td>
 636 |                     <td>Escort</td>
 637 |                     <td>Blue</td>
 638 |                     <td>2000</td>
 639 |                     <td>2000</td>
 640 |                     <td>Ford</td>
 641 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 642 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 643 |                     <td class="sticky-cell-opposite">2000</td>
 644 |                 </tr>
 645 |                 <tr>
 646 |                     <td class="sticky-cell">Ford</td>
 647 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 648 |                     <td>Blue</td>
 649 |                     <td>2000</td>
 650 |                     <td>Ford</td>
 651 |                     <td>Escort</td>
 652 |                     <td>Blue</td>
 653 |                     <td>2000</td>
 654 |                     <td>Ford</td>
 655 |                     <td>Escort</td>
 656 |                     <td>Blue</td>
 657 |                     <td>2000</td>
 658 |                     <td>2000</td>
 659 |                     <td>Ford</td>
 660 |                     <td>Escort</td>
 661 |                     <td>Blue</td>
 662 |                     <td>2000</td>
 663 |                     <td>2000</td>
 664 |                     <td>Ford</td>
 665 |                     <td>Escort</td>
 666 |                     <td>Blue</td>
 667 |                     <td>2000</td>
 668 |                     <td>2000</td>
 669 |                     <td>Ford</td>
 670 |                     <td>Escort</td>
 671 |                     <td>Blue</td>
 672 |                     <td>2000</td>
 673 |                     <td>2000</td>
 674 |                     <td>Ford</td>
 675 |                     <td>Escort</td>
 676 |                     <td>Blue</td>
 677 |                     <td>2000</td>
 678 |                     <td>2000</td>
 679 |                     <td>Ford</td>
 680 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 681 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 682 |                     <td class="sticky-cell-opposite">2000</td>
 683 |                 </tr>
 684 |                 <tr>
 685 |                     <td class="sticky-cell">Ford</td>
 686 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 687 |                     <td>Blue</td>
 688 |                     <td>2000</td>
 689 |                     <td>Ford</td>
 690 |                     <td>Escort</td>
 691 |                     <td>Blue</td>
 692 |                     <td>2000</td>
 693 |                     <td>Ford</td>
 694 |                     <td>Escort</td>
 695 |                     <td>Blue</td>
 696 |                     <td>2000</td>
 697 |                     <td>2000</td>
 698 |                     <td>Ford</td>
 699 |                     <td>Escort</td>
 700 |                     <td>Blue</td>
 701 |                     <td>2000</td>
 702 |                     <td>2000</td>
 703 |                     <td>Ford</td>
 704 |                     <td>Escort</td>
 705 |                     <td>Blue</td>
 706 |                     <td>2000</td>
 707 |                     <td>2000</td>
 708 |                     <td>Ford</td>
 709 |                     <td>Escort</td>
 710 |                     <td>Blue</td>
 711 |                     <td>2000</td>
 712 |                     <td>2000</td>
 713 |                     <td>Ford</td>
 714 |                     <td>Escort</td>
 715 |                     <td>Blue</td>
 716 |                     <td>2000</td>
 717 |                     <td>2000</td>
 718 |                     <td>Ford</td>
 719 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 720 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 721 |                     <td class="sticky-cell-opposite">2000</td>
 722 |                 </tr>
 723 |                 <tr>
 724 |                     <td class="sticky-cell">Ford</td>
 725 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 726 |                     <td>Blue</td>
 727 |                     <td>2000</td>
 728 |                     <td>Ford</td>
 729 |                     <td>Escort</td>
 730 |                     <td>Blue</td>
 731 |                     <td>2000</td>
 732 |                     <td>Ford</td>
 733 |                     <td>Escort</td>
 734 |                     <td>Blue</td>
 735 |                     <td>2000</td>
 736 |                     <td>2000</td>
 737 |                     <td>Ford</td>
 738 |                     <td>Escort</td>
 739 |                     <td>Blue</td>
 740 |                     <td>2000</td>
 741 |                     <td>2000</td>
 742 |                     <td>Ford</td>
 743 |                     <td>Escort</td>
 744 |                     <td>Blue</td>
 745 |                     <td>2000</td>
 746 |                     <td>2000</td>
 747 |                     <td>Ford</td>
 748 |                     <td>Escort</td>
 749 |                     <td>Blue</td>
 750 |                     <td>2000</td>
 751 |                     <td>2000</td>
 752 |                     <td>Ford</td>
 753 |                     <td>Escort</td>
 754 |                     <td>Blue</td>
 755 |                     <td>2000</td>
 756 |                     <td>2000</td>
 757 |                     <td>Ford</td>
 758 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 759 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 760 |                     <td class="sticky-cell-opposite">2000</td>
 761 |                 </tr>
 762 |                 <tr>
 763 |                     <td class="sticky-cell">Ford</td>
 764 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 765 |                     <td>Blue</td>
 766 |                     <td>2000</td>
 767 |                     <td>Ford</td>
 768 |                     <td>Escort</td>
 769 |                     <td>Blue</td>
 770 |                     <td>2000</td>
 771 |                     <td>Ford</td>
 772 |                     <td>Escort</td>
 773 |                     <td>Blue</td>
 774 |                     <td>2000</td>
 775 |                     <td>2000</td>
 776 |                     <td>Ford</td>
 777 |                     <td>Escort</td>
 778 |                     <td>Blue</td>
 779 |                     <td>2000</td>
 780 |                     <td>2000</td>
 781 |                     <td>Ford</td>
 782 |                     <td>Escort</td>
 783 |                     <td>Blue</td>
 784 |                     <td>2000</td>
 785 |                     <td>2000</td>
 786 |                     <td>Ford</td>
 787 |                     <td>Escort</td>
 788 |                     <td>Blue</td>
 789 |                     <td>2000</td>
 790 |                     <td>2000</td>
 791 |                     <td>Ford</td>
 792 |                     <td>Escort</td>
 793 |                     <td>Blue</td>
 794 |                     <td>2000</td>
 795 |                     <td>2000</td>
 796 |                     <td>Ford</td>
 797 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 798 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 799 |                     <td class="sticky-cell-opposite">2000</td>
 800 |                 </tr>
 801 |                 <tr>
 802 |                     <td class="sticky-cell">Ford</td>
 803 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 804 |                     <td>Blue</td>
 805 |                     <td>2000</td>
 806 |                     <td>Ford</td>
 807 |                     <td>Escort</td>
 808 |                     <td>Blue</td>
 809 |                     <td>2000</td>
 810 |                     <td>Ford</td>
 811 |                     <td>Escort</td>
 812 |                     <td>Blue</td>
 813 |                     <td>2000</td>
 814 |                     <td>2000</td>
 815 |                     <td>Ford</td>
 816 |                     <td>Escort</td>
 817 |                     <td>Blue</td>
 818 |                     <td>2000</td>
 819 |                     <td>2000</td>
 820 |                     <td>Ford</td>
 821 |                     <td>Escort</td>
 822 |                     <td>Blue</td>
 823 |                     <td>2000</td>
 824 |                     <td>2000</td>
 825 |                     <td>Ford</td>
 826 |                     <td>Escort</td>
 827 |                     <td>Blue</td>
 828 |                     <td>2000</td>
 829 |                     <td>2000</td>
 830 |                     <td>Ford</td>
 831 |                     <td>Escort</td>
 832 |                     <td>Blue</td>
 833 |                     <td>2000</td>
 834 |                     <td>2000</td>
 835 |                     <td>Ford</td>
 836 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 837 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 838 |                     <td class="sticky-cell-opposite">2000</td>
 839 |                 </tr>
 840 |                 <tr>
 841 |                     <td class="sticky-cell">Ford</td>
 842 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 843 |                     <td>Blue</td>
 844 |                     <td>2000</td>
 845 |                     <td>Ford</td>
 846 |                     <td>Escort</td>
 847 |                     <td>Blue</td>
 848 |                     <td>2000</td>
 849 |                     <td>Ford</td>
 850 |                     <td>Escort</td>
 851 |                     <td>Blue</td>
 852 |                     <td>2000</td>
 853 |                     <td>2000</td>
 854 |                     <td>Ford</td>
 855 |                     <td>Escort</td>
 856 |                     <td>Blue</td>
 857 |                     <td>2000</td>
 858 |                     <td>2000</td>
 859 |                     <td>Ford</td>
 860 |                     <td>Escort</td>
 861 |                     <td>Blue</td>
 862 |                     <td>2000</td>
 863 |                     <td>2000</td>
 864 |                     <td>Ford</td>
 865 |                     <td>Escort</td>
 866 |                     <td>Blue</td>
 867 |                     <td>2000</td>
 868 |                     <td>2000</td>
 869 |                     <td>Ford</td>
 870 |                     <td>Escort</td>
 871 |                     <td>Blue</td>
 872 |                     <td>2000</td>
 873 |                     <td>2000</td>
 874 |                     <td>Ford</td>
 875 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 876 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 877 |                     <td class="sticky-cell-opposite">2000</td>
 878 |                 </tr>
 879 |                 <tr>
 880 |                     <td class="sticky-cell">Ford</td>
 881 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 882 |                     <td>Blue</td>
 883 |                     <td>2000</td>
 884 |                     <td>Ford</td>
 885 |                     <td>Escort</td>
 886 |                     <td>Blue</td>
 887 |                     <td>2000</td>
 888 |                     <td>Ford</td>
 889 |                     <td>Escort</td>
 890 |                     <td>Blue</td>
 891 |                     <td>2000</td>
 892 |                     <td>2000</td>
 893 |                     <td>Ford</td>
 894 |                     <td>Escort</td>
 895 |                     <td>Blue</td>
 896 |                     <td>2000</td>
 897 |                     <td>2000</td>
 898 |                     <td>Ford</td>
 899 |                     <td>Escort</td>
 900 |                     <td>Blue</td>
 901 |                     <td>2000</td>
 902 |                     <td>2000</td>
 903 |                     <td>Ford</td>
 904 |                     <td>Escort</td>
 905 |                     <td>Blue</td>
 906 |                     <td>2000</td>
 907 |                     <td>2000</td>
 908 |                     <td>Ford</td>
 909 |                     <td>Escort</td>
 910 |                     <td>Blue</td>
 911 |                     <td>2000</td>
 912 |                     <td>2000</td>
 913 |                     <td>Ford</td>
 914 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 915 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 916 |                     <td class="sticky-cell-opposite">2000</td>
 917 |                 </tr>
 918 |                 <tr>
 919 |                     <td class="sticky-cell">Ford</td>
 920 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 921 |                     <td>Blue</td>
 922 |                     <td>2000</td>
 923 |                     <td>Ford</td>
 924 |                     <td>Escort</td>
 925 |                     <td>Blue</td>
 926 |                     <td>2000</td>
 927 |                     <td>Ford</td>
 928 |                     <td>Escort</td>
 929 |                     <td>Blue</td>
 930 |                     <td>2000</td>
 931 |                     <td>2000</td>
 932 |                     <td>Ford</td>
 933 |                     <td>Escort</td>
 934 |                     <td>Blue</td>
 935 |                     <td>2000</td>
 936 |                     <td>2000</td>
 937 |                     <td>Ford</td>
 938 |                     <td>Escort</td>
 939 |                     <td>Blue</td>
 940 |                     <td>2000</td>
 941 |                     <td>2000</td>
 942 |                     <td>Ford</td>
 943 |                     <td>Escort</td>
 944 |                     <td>Blue</td>
 945 |                     <td>2000</td>
 946 |                     <td>2000</td>
 947 |                     <td>Ford</td>
 948 |                     <td>Escort</td>
 949 |                     <td>Blue</td>
 950 |                     <td>2000</td>
 951 |                     <td>2000</td>
 952 |                     <td>Ford</td>
 953 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 954 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 955 |                     <td class="sticky-cell-opposite">2000</td>
 956 |                 </tr>
 957 |                 <tr>
 958 |                     <td class="sticky-cell">Ford</td>
 959 |                     <td class="sticky-cell">Escort</td class="sticky-cell">
 960 |                     <td>Blue</td>
 961 |                     <td>2000</td>
 962 |                     <td>Ford</td>
 963 |                     <td>Escort</td>
 964 |                     <td>Blue</td>
 965 |                     <td>2000</td>
 966 |                     <td>Ford</td>
 967 |                     <td>Escort</td>
 968 |                     <td>Blue</td>
 969 |                     <td>2000</td>
 970 |                     <td>2000</td>
 971 |                     <td>Ford</td>
 972 |                     <td>Escort</td>
 973 |                     <td>Blue</td>
 974 |                     <td>2000</td>
 975 |                     <td>2000</td>
 976 |                     <td>Ford</td>
 977 |                     <td>Escort</td>
 978 |                     <td>Blue</td>
 979 |                     <td>2000</td>
 980 |                     <td>2000</td>
 981 |                     <td>Ford</td>
 982 |                     <td>Escort</td>
 983 |                     <td>Blue</td>
 984 |                     <td>2000</td>
 985 |                     <td>2000</td>
 986 |                     <td>Ford</td>
 987 |                     <td>Escort</td>
 988 |                     <td>Blue</td>
 989 |                     <td>2000</td>
 990 |                     <td>2000</td>
 991 |                     <td>Ford</td>
 992 |                     <td class="sticky-cell-opposite">Escort</td class="sticky-cell-opposite">
 993 |                     <td class="sticky-cell-opposite">Blue</td class="sticky-cell-opposite">
 994 |                     <td class="sticky-cell-opposite">2000</td>
 995 |                 </tr>
 996 |                 
 997 |             </tbody>
 998 |             <tfoot>
 999 |                 <tr class="sticky-footer">
1000 |                     <th class="sticky-cell">Ford</th>
1001 |                     <th class="sticky-cell">Escort</th>
1002 |                     <th>Blue</th>
1003 |                     <th>2000</th>
1004 |                     <th>Ford</th>
1005 |                     <th>Escort</th>
1006 |                     <th>Blue</th>
1007 |                     <th>2000</th>
1008 |                     <th>Ford</th>
1009 |                     <th>Escort</th>
1010 |                     <th>Blue</th>
1011 |                     <th>2000</th>
1012 |                     <th>2000</th>
1013 |                     <th>Ford</th>
1014 |                     <th>Escort</th>
1015 |                     <th>Blue</th>
1016 |                     <th>2000</th>
1017 |                     <th>2000</th>
1018 |                     <th>Ford</th>
1019 |                     <th>Escort</th>
1020 |                     <th>Blue</th>
1021 |                     <th>2000</th>
1022 |                     <th>2000</th>
1023 |                     <th>Ford</th>
1024 |                     <th>Escort</th>
1025 |                     <th>Blue</th>
1026 |                     <th>2000</th>
1027 |                     <th>2000</th>
1028 |                     <th>Ford</th>
1029 |                     <th>Escort</th>
1030 |                     <th>Blue</th>
1031 |                     <th>2000</th>
1032 |                     <th>2000</th>
1033 |                     <th>Ford</th>
1034 |                     <th class="sticky-cell-opposite">Escort</th>
1035 |                     <th class="sticky-cell-opposite">Blue</th>
1036 |                     <th class="sticky-cell-opposite">2000</th>
1037 |                 </tr>
1038 |                 <tr class="sticky-footer">
1039 |                     <th class="sticky-cell">Ford 2</th>
1040 |                     <th class="sticky-cell">Escort 2</th>
1041 |                     <th>Blue 2</th>
1042 |                     <th>2000 2</th>
1043 |                     <th>Ford 2</th>
1044 |                     <th>Escort 2</th>
1045 |                     <th>Blue 2</th>
1046 |                     <th>2000 2</th>
1047 |                     <th>Ford 2</th>
1048 |                     <th>Escort 2</th>
1049 |                     <th>Blue 2</th>
1050 |                     <th>2000 2</th>
1051 |                     <th>2000 2</th>
1052 |                     <th>Ford 2</th>
1053 |                     <th>Escort 2</th>
1054 |                     <th>Blue 2</th>
1055 |                     <th>2000 2</th>
1056 |                     <th>2000 2</th>
1057 |                     <th>Ford 2</th>
1058 |                     <th>Escort 2</th>
1059 |                     <th>Blue 2</th>
1060 |                     <th>2000 2</th>
1061 |                     <th>2000 2</th>
1062 |                     <th>Ford 2</th>
1063 |                     <th>Escort 2</th>
1064 |                     <th>Blue 2</th>
1065 |                     <th>2000 2</th>
1066 |                     <th>2000 2</th>
1067 |                     <th>Ford 2</th>
1068 |                     <th>Escort 2</th>
1069 |                     <th>Blue 2</th>
1070 |                     <th>2000 2</th>
1071 |                     <th>2000 2</th>
1072 |                     <th>Ford 2</th>
1073 |                     <th class="sticky-cell-opposite">Escort 2</th>
1074 |                     <th class="sticky-cell-opposite">Blue 2</th>
1075 |                     <th class="sticky-cell-opposite">2000 2</th>
1076 |                 </tr>
1077 |             </tfoot>
1078 |         </table>
1079 |     </div>
1080 | </body>
1081 | 
1082 | </html>
1083 | 


--------------------------------------------------------------------------------
/examples/libs/fancybox_loading.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/armaaar/JQuery-Sticky-Table/b5bd2f9b85d46fb8fe19ec9e42d99e3b9d636da5/examples/libs/fancybox_loading.gif


--------------------------------------------------------------------------------
/examples/libs/fancybox_loading@2x.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/armaaar/JQuery-Sticky-Table/b5bd2f9b85d46fb8fe19ec9e42d99e3b9d636da5/examples/libs/fancybox_loading@2x.gif


--------------------------------------------------------------------------------
/examples/libs/fancybox_overlay.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/armaaar/JQuery-Sticky-Table/b5bd2f9b85d46fb8fe19ec9e42d99e3b9d636da5/examples/libs/fancybox_overlay.png


--------------------------------------------------------------------------------
/examples/libs/fancybox_sprite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/armaaar/JQuery-Sticky-Table/b5bd2f9b85d46fb8fe19ec9e42d99e3b9d636da5/examples/libs/fancybox_sprite.png


--------------------------------------------------------------------------------
/examples/libs/fancybox_sprite@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/armaaar/JQuery-Sticky-Table/b5bd2f9b85d46fb8fe19ec9e42d99e3b9d636da5/examples/libs/fancybox_sprite@2x.png


--------------------------------------------------------------------------------
/examples/libs/jquery.fancybox.css:
--------------------------------------------------------------------------------
  1 | /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
  2 | .fancybox-wrap,
  3 | .fancybox-skin,
  4 | .fancybox-outer,
  5 | .fancybox-inner,
  6 | .fancybox-image,
  7 | .fancybox-wrap iframe,
  8 | .fancybox-wrap object,
  9 | .fancybox-nav,
 10 | .fancybox-nav span,
 11 | .fancybox-tmp
 12 | {
 13 | 	padding: 0;
 14 | 	margin: 0;
 15 | 	border: 0;
 16 | 	outline: none;
 17 | 	vertical-align: top;
 18 | }
 19 | 
 20 | .fancybox-wrap {
 21 | 	position: absolute;
 22 | 	top: 0;
 23 | 	left: 0;
 24 | 	z-index: 8020;
 25 | }
 26 | 
 27 | .fancybox-skin {
 28 | 	position: relative;
 29 | 	background: #f9f9f9;
 30 | 	color: #444;
 31 | 	text-shadow: none;
 32 | 	-webkit-border-radius: 4px;
 33 | 	   -moz-border-radius: 4px;
 34 | 	        border-radius: 4px;
 35 | }
 36 | 
 37 | .fancybox-opened {
 38 | 	z-index: 8030;
 39 | }
 40 | 
 41 | .fancybox-opened .fancybox-skin {
 42 | 	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 43 | 	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 44 | 	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
 45 | }
 46 | 
 47 | .fancybox-outer, .fancybox-inner {
 48 | 	position: relative;
 49 | }
 50 | 
 51 | .fancybox-inner {
 52 | 	overflow: hidden;
 53 | }
 54 | 
 55 | .fancybox-type-iframe .fancybox-inner {
 56 | 	-webkit-overflow-scrolling: touch;
 57 | }
 58 | 
 59 | .fancybox-error {
 60 | 	color: #444;
 61 | 	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
 62 | 	margin: 0;
 63 | 	padding: 15px;
 64 | 	white-space: nowrap;
 65 | }
 66 | 
 67 | .fancybox-image, .fancybox-iframe {
 68 | 	display: block;
 69 | 	width: 100%;
 70 | 	height: 100%;
 71 | }
 72 | 
 73 | .fancybox-image {
 74 | 	max-width: 100%;
 75 | 	max-height: 100%;
 76 | }
 77 | 
 78 | #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 79 | 	background-image: url('fancybox_sprite.png');
 80 | }
 81 | 
 82 | #fancybox-loading {
 83 | 	position: fixed;
 84 | 	top: 50%;
 85 | 	left: 50%;
 86 | 	margin-top: -22px;
 87 | 	margin-left: -22px;
 88 | 	background-position: 0 -108px;
 89 | 	opacity: 0.8;
 90 | 	cursor: pointer;
 91 | 	z-index: 8060;
 92 | }
 93 | 
 94 | #fancybox-loading div {
 95 | 	width: 44px;
 96 | 	height: 44px;
 97 | 	background: url('fancybox_loading.gif') center center no-repeat;
 98 | }
 99 | 
100 | .fancybox-close {
101 | 	position: absolute;
102 | 	top: -18px;
103 | 	right: -18px;
104 | 	width: 36px;
105 | 	height: 36px;
106 | 	cursor: pointer;
107 | 	z-index: 8040;
108 | }
109 | 
110 | .fancybox-nav {
111 | 	position: absolute;
112 | 	top: 0;
113 | 	width: 40%;
114 | 	height: 100%;
115 | 	cursor: pointer;
116 | 	text-decoration: none;
117 | 	background: transparent url('blank.gif'); /* helps IE */
118 | 	-webkit-tap-highlight-color: rgba(0,0,0,0);
119 | 	z-index: 8040;
120 | }
121 | 
122 | .fancybox-prev {
123 | 	left: 0;
124 | }
125 | 
126 | .fancybox-next {
127 | 	right: 0;
128 | }
129 | 
130 | .fancybox-nav span {
131 | 	position: absolute;
132 | 	top: 50%;
133 | 	width: 36px;
134 | 	height: 34px;
135 | 	margin-top: -18px;
136 | 	cursor: pointer;
137 | 	z-index: 8040;
138 | 	visibility: hidden;
139 | }
140 | 
141 | .fancybox-prev span {
142 | 	left: 10px;
143 | 	background-position: 0 -36px;
144 | }
145 | 
146 | .fancybox-next span {
147 | 	right: 10px;
148 | 	background-position: 0 -72px;
149 | }
150 | 
151 | .fancybox-nav:hover span {
152 | 	visibility: visible;
153 | }
154 | 
155 | .fancybox-tmp {
156 | 	position: absolute;
157 | 	top: -99999px;
158 | 	left: -99999px;
159 | 	visibility: hidden;
160 | 	max-width: 99999px;
161 | 	max-height: 99999px;
162 | 	overflow: visible !important;
163 | }
164 | 
165 | /* Overlay helper */
166 | 
167 | .fancybox-lock {
168 |     overflow: hidden !important;
169 |     width: auto;
170 | }
171 | 
172 | .fancybox-lock body {
173 |     overflow: hidden !important;
174 | }
175 | 
176 | .fancybox-lock-test {
177 |     overflow-y: hidden !important;
178 | }
179 | 
180 | .fancybox-overlay {
181 | 	position: absolute;
182 | 	top: 0;
183 | 	left: 0;
184 | 	overflow: hidden;
185 | 	display: none;
186 | 	z-index: 8010;
187 | 	background: url('fancybox_overlay.png');
188 | }
189 | 
190 | .fancybox-overlay-fixed {
191 | 	position: fixed;
192 | 	bottom: 0;
193 | 	right: 0;
194 | }
195 | 
196 | .fancybox-lock .fancybox-overlay {
197 | 	overflow: auto;
198 | 	overflow-y: scroll;
199 | }
200 | 
201 | /* Title helper */
202 | 
203 | .fancybox-title {
204 | 	visibility: hidden;
205 | 	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
206 | 	position: relative;
207 | 	text-shadow: none;
208 | 	z-index: 8050;
209 | }
210 | 
211 | .fancybox-opened .fancybox-title {
212 | 	visibility: visible;
213 | }
214 | 
215 | .fancybox-title-float-wrap {
216 | 	position: absolute;
217 | 	bottom: 0;
218 | 	right: 50%;
219 | 	margin-bottom: -35px;
220 | 	z-index: 8050;
221 | 	text-align: center;
222 | }
223 | 
224 | .fancybox-title-float-wrap .child {
225 | 	display: inline-block;
226 | 	margin-right: -100%;
227 | 	padding: 2px 20px;
228 | 	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
229 | 	background: rgba(0, 0, 0, 0.8);
230 | 	-webkit-border-radius: 15px;
231 | 	   -moz-border-radius: 15px;
232 | 	        border-radius: 15px;
233 | 	text-shadow: 0 1px 2px #222;
234 | 	color: #FFF;
235 | 	font-weight: bold;
236 | 	line-height: 24px;
237 | 	white-space: nowrap;
238 | }
239 | 
240 | .fancybox-title-outside-wrap {
241 | 	position: relative;
242 | 	margin-top: 10px;
243 | 	color: #fff;
244 | }
245 | 
246 | .fancybox-title-inside-wrap {
247 | 	padding-top: 10px;
248 | }
249 | 
250 | .fancybox-title-over-wrap {
251 | 	position: absolute;
252 | 	bottom: 0;
253 | 	left: 0;
254 | 	color: #fff;
255 | 	padding: 10px;
256 | 	background: #000;
257 | 	background: rgba(0, 0, 0, .8);
258 | }
259 | 
260 | /*Retina graphics!*/
261 | @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
262 | 	   only screen and (min--moz-device-pixel-ratio: 1.5),
263 | 	   only screen and (min-device-pixel-ratio: 1.5){
264 | 
265 | 	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
266 | 		background-image: url('fancybox_sprite@2x.png');
267 | 		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
268 | 	}
269 | 
270 | 	#fancybox-loading div {
271 | 		background-image: url('fancybox_loading@2x.gif');
272 | 		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
273 | 	}
274 | }


--------------------------------------------------------------------------------
/examples/libs/jquery.fancybox.js:
--------------------------------------------------------------------------------
   1 | /*!
   2 |  * fancyBox - jQuery Plugin
   3 |  * version: 2.1.5 (Fri, 14 Jun 2013)
   4 |  * @requires jQuery v1.6 or later
   5 |  *
   6 |  * Examples at http://fancyapps.com/fancybox/
   7 |  * License: www.fancyapps.com/fancybox/#license
   8 |  *
   9 |  * Copyright 2012 Janis Skarnelis - janis@fancyapps.com
  10 |  *
  11 |  */
  12 | 
  13 | (function (window, document, $, undefined) {
  14 | 	"use strict";
  15 | 
  16 | 	var H = $("html"),
  17 | 		W = $(window),
  18 | 		D = $(document),
  19 | 		F = $.fancybox = function () {
  20 | 			F.open.apply( this, arguments );
  21 | 		},
  22 | 		IE =  navigator.userAgent.match(/msie/i),
  23 | 		didUpdate	= null,
  24 | 		isTouch		= document.createTouch !== undefined,
  25 | 
  26 | 		isQuery	= function(obj) {
  27 | 			return obj && obj.hasOwnProperty && obj instanceof $;
  28 | 		},
  29 | 		isString = function(str) {
  30 | 			return str && $.type(str) === "string";
  31 | 		},
  32 | 		isPercentage = function(str) {
  33 | 			return isString(str) && str.indexOf('%') > 0;
  34 | 		},
  35 | 		isScrollable = function(el) {
  36 | 			return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
  37 | 		},
  38 | 		getScalar = function(orig, dim) {
  39 | 			var value = parseInt(orig, 10) || 0;
  40 | 
  41 | 			if (dim && isPercentage(orig)) {
  42 | 				value = F.getViewport()[ dim ] / 100 * value;
  43 | 			}
  44 | 
  45 | 			return Math.ceil(value);
  46 | 		},
  47 | 		getValue = function(value, dim) {
  48 | 			return getScalar(value, dim) + 'px';
  49 | 		};
  50 | 
  51 | 	$.extend(F, {
  52 | 		// The current version of fancyBox
  53 | 		version: '2.1.5',
  54 | 
  55 | 		defaults: {
  56 | 			padding : 15,
  57 | 			margin  : 20,
  58 | 
  59 | 			width     : 800,
  60 | 			height    : 600,
  61 | 			minWidth  : 100,
  62 | 			minHeight : 100,
  63 | 			maxWidth  : 9999,
  64 | 			maxHeight : 9999,
  65 | 			pixelRatio: 1, // Set to 2 for retina display support
  66 | 
  67 | 			autoSize   : true,
  68 | 			autoHeight : false,
  69 | 			autoWidth  : false,
  70 | 
  71 | 			autoResize  : true,
  72 | 			autoCenter  : !isTouch,
  73 | 			fitToView   : true,
  74 | 			aspectRatio : false,
  75 | 			topRatio    : 0.5,
  76 | 			leftRatio   : 0.5,
  77 | 
  78 | 			scrolling : 'auto', // 'auto', 'yes' or 'no'
  79 | 			wrapCSS   : '',
  80 | 
  81 | 			arrows     : true,
  82 | 			closeBtn   : true,
  83 | 			closeClick : false,
  84 | 			nextClick  : false,
  85 | 			mouseWheel : true,
  86 | 			autoPlay   : false,
  87 | 			playSpeed  : 3000,
  88 | 			preload    : 3,
  89 | 			modal      : false,
  90 | 			loop       : true,
  91 | 
  92 | 			ajax  : {
  93 | 				dataType : 'html',
  94 | 				headers  : { 'X-fancyBox': true }
  95 | 			},
  96 | 			iframe : {
  97 | 				scrolling : 'auto',
  98 | 				preload   : true
  99 | 			},
 100 | 			swf : {
 101 | 				wmode: 'transparent',
 102 | 				allowfullscreen   : 'true',
 103 | 				allowscriptaccess : 'always'
 104 | 			},
 105 | 
 106 | 			keys  : {
 107 | 				next : {
 108 | 					13 : 'left', // enter
 109 | 					34 : 'up',   // page down
 110 | 					39 : 'left', // right arrow
 111 | 					40 : 'up'    // down arrow
 112 | 				},
 113 | 				prev : {
 114 | 					8  : 'right',  // backspace
 115 | 					33 : 'down',   // page up
 116 | 					37 : 'right',  // left arrow
 117 | 					38 : 'down'    // up arrow
 118 | 				},
 119 | 				close  : [27], // escape key
 120 | 				play   : [32], // space - start/stop slideshow
 121 | 				toggle : [70]  // letter "f" - toggle fullscreen
 122 | 			},
 123 | 
 124 | 			direction : {
 125 | 				next : 'left',
 126 | 				prev : 'right'
 127 | 			},
 128 | 
 129 | 			scrollOutside  : true,
 130 | 
 131 | 			// Override some properties
 132 | 			index   : 0,
 133 | 			type    : null,
 134 | 			href    : null,
 135 | 			content : null,
 136 | 			title   : null,
 137 | 
 138 | 			// HTML templates
 139 | 			tpl: {
 140 | 				wrap     : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
 141 | 				image    : '<img class="fancybox-image" src="{href}" alt="" />',
 142 | 				iframe   : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
 143 | 				error    : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
 144 | 				closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
 145 | 				next     : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
 146 | 				prev     : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
 147 | 			},
 148 | 
 149 | 			// Properties for each animation type
 150 | 			// Opening fancyBox
 151 | 			openEffect  : 'fade', // 'elastic', 'fade' or 'none'
 152 | 			openSpeed   : 250,
 153 | 			openEasing  : 'swing',
 154 | 			openOpacity : true,
 155 | 			openMethod  : 'zoomIn',
 156 | 
 157 | 			// Closing fancyBox
 158 | 			closeEffect  : 'fade', // 'elastic', 'fade' or 'none'
 159 | 			closeSpeed   : 250,
 160 | 			closeEasing  : 'swing',
 161 | 			closeOpacity : true,
 162 | 			closeMethod  : 'zoomOut',
 163 | 
 164 | 			// Changing next gallery item
 165 | 			nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
 166 | 			nextSpeed  : 250,
 167 | 			nextEasing : 'swing',
 168 | 			nextMethod : 'changeIn',
 169 | 
 170 | 			// Changing previous gallery item
 171 | 			prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
 172 | 			prevSpeed  : 250,
 173 | 			prevEasing : 'swing',
 174 | 			prevMethod : 'changeOut',
 175 | 
 176 | 			// Enable default helpers
 177 | 			helpers : {
 178 | 				overlay : true,
 179 | 				title   : true
 180 | 			},
 181 | 
 182 | 			// Callbacks
 183 | 			onCancel     : $.noop, // If canceling
 184 | 			beforeLoad   : $.noop, // Before loading
 185 | 			afterLoad    : $.noop, // After loading
 186 | 			beforeShow   : $.noop, // Before changing in current item
 187 | 			afterShow    : $.noop, // After opening
 188 | 			beforeChange : $.noop, // Before changing gallery item
 189 | 			beforeClose  : $.noop, // Before closing
 190 | 			afterClose   : $.noop  // After closing
 191 | 		},
 192 | 
 193 | 		//Current state
 194 | 		group    : {}, // Selected group
 195 | 		opts     : {}, // Group options
 196 | 		previous : null,  // Previous element
 197 | 		coming   : null,  // Element being loaded
 198 | 		current  : null,  // Currently loaded element
 199 | 		isActive : false, // Is activated
 200 | 		isOpen   : false, // Is currently open
 201 | 		isOpened : false, // Have been fully opened at least once
 202 | 
 203 | 		wrap  : null,
 204 | 		skin  : null,
 205 | 		outer : null,
 206 | 		inner : null,
 207 | 
 208 | 		player : {
 209 | 			timer    : null,
 210 | 			isActive : false
 211 | 		},
 212 | 
 213 | 		// Loaders
 214 | 		ajaxLoad   : null,
 215 | 		imgPreload : null,
 216 | 
 217 | 		// Some collections
 218 | 		transitions : {},
 219 | 		helpers     : {},
 220 | 
 221 | 		/*
 222 | 		 *	Static methods
 223 | 		 */
 224 | 
 225 | 		open: function (group, opts) {
 226 | 			if (!group) {
 227 | 				return;
 228 | 			}
 229 | 
 230 | 			if (!$.isPlainObject(opts)) {
 231 | 				opts = {};
 232 | 			}
 233 | 
 234 | 			// Close if already active
 235 | 			if (false === F.close(true)) {
 236 | 				return;
 237 | 			}
 238 | 
 239 | 			// Normalize group
 240 | 			if (!$.isArray(group)) {
 241 | 				group = isQuery(group) ? $(group).get() : [group];
 242 | 			}
 243 | 
 244 | 			// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
 245 | 			$.each(group, function(i, element) {
 246 | 				var obj = {},
 247 | 					href,
 248 | 					title,
 249 | 					content,
 250 | 					type,
 251 | 					rez,
 252 | 					hrefParts,
 253 | 					selector;
 254 | 
 255 | 				if ($.type(element) === "object") {
 256 | 					// Check if is DOM element
 257 | 					if (element.nodeType) {
 258 | 						element = $(element);
 259 | 					}
 260 | 
 261 | 					if (isQuery(element)) {
 262 | 						obj = {
 263 | 							href    : element.data('fancybox-href') || element.attr('href'),
 264 | 							title   : element.data('fancybox-title') || element.attr('title'),
 265 | 							isDom   : true,
 266 | 							element : element
 267 | 						};
 268 | 
 269 | 						if ($.metadata) {
 270 | 							$.extend(true, obj, element.metadata());
 271 | 						}
 272 | 
 273 | 					} else {
 274 | 						obj = element;
 275 | 					}
 276 | 				}
 277 | 
 278 | 				href  = opts.href  || obj.href || (isString(element) ? element : null);
 279 | 				title = opts.title !== undefined ? opts.title : obj.title || '';
 280 | 
 281 | 				content = opts.content || obj.content;
 282 | 				type    = content ? 'html' : (opts.type  || obj.type);
 283 | 
 284 | 				if (!type && obj.isDom) {
 285 | 					type = element.data('fancybox-type');
 286 | 
 287 | 					if (!type) {
 288 | 						rez  = element.prop('class').match(/fancybox\.(\w+)/);
 289 | 						type = rez ? rez[1] : null;
 290 | 					}
 291 | 				}
 292 | 
 293 | 				if (isString(href)) {
 294 | 					// Try to guess the content type
 295 | 					if (!type) {
 296 | 						if (F.isImage(href)) {
 297 | 							type = 'image';
 298 | 
 299 | 						} else if (F.isSWF(href)) {
 300 | 							type = 'swf';
 301 | 
 302 | 						} else if (href.charAt(0) === '#') {
 303 | 							type = 'inline';
 304 | 
 305 | 						} else if (isString(element)) {
 306 | 							type    = 'html';
 307 | 							content = element;
 308 | 						}
 309 | 					}
 310 | 
 311 | 					// Split url into two pieces with source url and content selector, e.g,
 312 | 					// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
 313 | 					if (type === 'ajax') {
 314 | 						hrefParts = href.split(/\s+/, 2);
 315 | 						href      = hrefParts.shift();
 316 | 						selector  = hrefParts.shift();
 317 | 					}
 318 | 				}
 319 | 
 320 | 				if (!content) {
 321 | 					if (type === 'inline') {
 322 | 						if (href) {
 323 | 							content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
 324 | 
 325 | 						} else if (obj.isDom) {
 326 | 							content = element;
 327 | 						}
 328 | 
 329 | 					} else if (type === 'html') {
 330 | 						content = href;
 331 | 
 332 | 					} else if (!type && !href && obj.isDom) {
 333 | 						type    = 'inline';
 334 | 						content = element;
 335 | 					}
 336 | 				}
 337 | 
 338 | 				$.extend(obj, {
 339 | 					href     : href,
 340 | 					type     : type,
 341 | 					content  : content,
 342 | 					title    : title,
 343 | 					selector : selector
 344 | 				});
 345 | 
 346 | 				group[ i ] = obj;
 347 | 			});
 348 | 
 349 | 			// Extend the defaults
 350 | 			F.opts = $.extend(true, {}, F.defaults, opts);
 351 | 
 352 | 			// All options are merged recursive except keys
 353 | 			if (opts.keys !== undefined) {
 354 | 				F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
 355 | 			}
 356 | 
 357 | 			F.group = group;
 358 | 
 359 | 			return F._start(F.opts.index);
 360 | 		},
 361 | 
 362 | 		// Cancel image loading or abort ajax request
 363 | 		cancel: function () {
 364 | 			var coming = F.coming;
 365 | 
 366 | 			if (!coming || false === F.trigger('onCancel')) {
 367 | 				return;
 368 | 			}
 369 | 
 370 | 			F.hideLoading();
 371 | 
 372 | 			if (F.ajaxLoad) {
 373 | 				F.ajaxLoad.abort();
 374 | 			}
 375 | 
 376 | 			F.ajaxLoad = null;
 377 | 
 378 | 			if (F.imgPreload) {
 379 | 				F.imgPreload.onload = F.imgPreload.onerror = null;
 380 | 			}
 381 | 
 382 | 			if (coming.wrap) {
 383 | 				coming.wrap.stop(true, true).trigger('onReset').remove();
 384 | 			}
 385 | 
 386 | 			F.coming = null;
 387 | 
 388 | 			// If the first item has been canceled, then clear everything
 389 | 			if (!F.current) {
 390 | 				F._afterZoomOut( coming );
 391 | 			}
 392 | 		},
 393 | 
 394 | 		// Start closing animation if is open; remove immediately if opening/closing
 395 | 		close: function (event) {
 396 | 			F.cancel();
 397 | 
 398 | 			if (false === F.trigger('beforeClose')) {
 399 | 				return;
 400 | 			}
 401 | 
 402 | 			F.unbindEvents();
 403 | 
 404 | 			if (!F.isActive) {
 405 | 				return;
 406 | 			}
 407 | 
 408 | 			if (!F.isOpen || event === true) {
 409 | 				$('.fancybox-wrap').stop(true).trigger('onReset').remove();
 410 | 
 411 | 				F._afterZoomOut();
 412 | 
 413 | 			} else {
 414 | 				F.isOpen = F.isOpened = false;
 415 | 				F.isClosing = true;
 416 | 
 417 | 				$('.fancybox-item, .fancybox-nav').remove();
 418 | 
 419 | 				F.wrap.stop(true, true).removeClass('fancybox-opened');
 420 | 
 421 | 				F.transitions[ F.current.closeMethod ]();
 422 | 			}
 423 | 		},
 424 | 
 425 | 		// Manage slideshow:
 426 | 		//   $.fancybox.play(); - toggle slideshow
 427 | 		//   $.fancybox.play( true ); - start
 428 | 		//   $.fancybox.play( false ); - stop
 429 | 		play: function ( action ) {
 430 | 			var clear = function () {
 431 | 					clearTimeout(F.player.timer);
 432 | 				},
 433 | 				set = function () {
 434 | 					clear();
 435 | 
 436 | 					if (F.current && F.player.isActive) {
 437 | 						F.player.timer = setTimeout(F.next, F.current.playSpeed);
 438 | 					}
 439 | 				},
 440 | 				stop = function () {
 441 | 					clear();
 442 | 
 443 | 					D.unbind('.player');
 444 | 
 445 | 					F.player.isActive = false;
 446 | 
 447 | 					F.trigger('onPlayEnd');
 448 | 				},
 449 | 				start = function () {
 450 | 					if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
 451 | 						F.player.isActive = true;
 452 | 
 453 | 						D.bind({
 454 | 							'onCancel.player beforeClose.player' : stop,
 455 | 							'onUpdate.player'   : set,
 456 | 							'beforeLoad.player' : clear
 457 | 						});
 458 | 
 459 | 						set();
 460 | 
 461 | 						F.trigger('onPlayStart');
 462 | 					}
 463 | 				};
 464 | 
 465 | 			if (action === true || (!F.player.isActive && action !== false)) {
 466 | 				start();
 467 | 			} else {
 468 | 				stop();
 469 | 			}
 470 | 		},
 471 | 
 472 | 		// Navigate to next gallery item
 473 | 		next: function ( direction ) {
 474 | 			var current = F.current;
 475 | 
 476 | 			if (current) {
 477 | 				if (!isString(direction)) {
 478 | 					direction = current.direction.next;
 479 | 				}
 480 | 
 481 | 				F.jumpto(current.index + 1, direction, 'next');
 482 | 			}
 483 | 		},
 484 | 
 485 | 		// Navigate to previous gallery item
 486 | 		prev: function ( direction ) {
 487 | 			var current = F.current;
 488 | 
 489 | 			if (current) {
 490 | 				if (!isString(direction)) {
 491 | 					direction = current.direction.prev;
 492 | 				}
 493 | 
 494 | 				F.jumpto(current.index - 1, direction, 'prev');
 495 | 			}
 496 | 		},
 497 | 
 498 | 		// Navigate to gallery item by index
 499 | 		jumpto: function ( index, direction, router ) {
 500 | 			var current = F.current;
 501 | 
 502 | 			if (!current) {
 503 | 				return;
 504 | 			}
 505 | 
 506 | 			index = getScalar(index);
 507 | 
 508 | 			F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
 509 | 			F.router    = router || 'jumpto';
 510 | 
 511 | 			if (current.loop) {
 512 | 				if (index < 0) {
 513 | 					index = current.group.length + (index % current.group.length);
 514 | 				}
 515 | 
 516 | 				index = index % current.group.length;
 517 | 			}
 518 | 
 519 | 			if (current.group[ index ] !== undefined) {
 520 | 				F.cancel();
 521 | 
 522 | 				F._start(index);
 523 | 			}
 524 | 		},
 525 | 
 526 | 		// Center inside viewport and toggle position type to fixed or absolute if needed
 527 | 		reposition: function (e, onlyAbsolute) {
 528 | 			var current = F.current,
 529 | 				wrap    = current ? current.wrap : null,
 530 | 				pos;
 531 | 
 532 | 			if (wrap) {
 533 | 				pos = F._getPosition(onlyAbsolute);
 534 | 
 535 | 				if (e && e.type === 'scroll') {
 536 | 					delete pos.position;
 537 | 
 538 | 					wrap.stop(true, true).animate(pos, 200);
 539 | 
 540 | 				} else {
 541 | 					wrap.css(pos);
 542 | 
 543 | 					current.pos = $.extend({}, current.dim, pos);
 544 | 				}
 545 | 			}
 546 | 		},
 547 | 
 548 | 		update: function (e) {
 549 | 			var type = (e && e.type),
 550 | 				anyway = !type || type === 'orientationchange';
 551 | 
 552 | 			if (anyway) {
 553 | 				clearTimeout(didUpdate);
 554 | 
 555 | 				didUpdate = null;
 556 | 			}
 557 | 
 558 | 			if (!F.isOpen || didUpdate) {
 559 | 				return;
 560 | 			}
 561 | 
 562 | 			didUpdate = setTimeout(function() {
 563 | 				var current = F.current;
 564 | 
 565 | 				if (!current || F.isClosing) {
 566 | 					return;
 567 | 				}
 568 | 
 569 | 				F.wrap.removeClass('fancybox-tmp');
 570 | 
 571 | 				if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
 572 | 					F._setDimension();
 573 | 				}
 574 | 
 575 | 				if (!(type === 'scroll' && current.canShrink)) {
 576 | 					F.reposition(e);
 577 | 				}
 578 | 
 579 | 				F.trigger('onUpdate');
 580 | 
 581 | 				didUpdate = null;
 582 | 
 583 | 			}, (anyway && !isTouch ? 0 : 300));
 584 | 		},
 585 | 
 586 | 		// Shrink content to fit inside viewport or restore if resized
 587 | 		toggle: function ( action ) {
 588 | 			if (F.isOpen) {
 589 | 				F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
 590 | 
 591 | 				// Help browser to restore document dimensions
 592 | 				if (isTouch) {
 593 | 					F.wrap.removeAttr('style').addClass('fancybox-tmp');
 594 | 
 595 | 					F.trigger('onUpdate');
 596 | 				}
 597 | 
 598 | 				F.update();
 599 | 			}
 600 | 		},
 601 | 
 602 | 		hideLoading: function () {
 603 | 			D.unbind('.loading');
 604 | 
 605 | 			$('#fancybox-loading').remove();
 606 | 		},
 607 | 
 608 | 		showLoading: function () {
 609 | 			var el, viewport;
 610 | 
 611 | 			F.hideLoading();
 612 | 
 613 | 			el = $('<div id="fancybox-loading"><div></div></div>').click(F.cancel).appendTo('body');
 614 | 
 615 | 			// If user will press the escape-button, the request will be canceled
 616 | 			D.bind('keydown.loading', function(e) {
 617 | 				if ((e.which || e.keyCode) === 27) {
 618 | 					e.preventDefault();
 619 | 
 620 | 					F.cancel();
 621 | 				}
 622 | 			});
 623 | 
 624 | 			if (!F.defaults.fixed) {
 625 | 				viewport = F.getViewport();
 626 | 
 627 | 				el.css({
 628 | 					position : 'absolute',
 629 | 					top  : (viewport.h * 0.5) + viewport.y,
 630 | 					left : (viewport.w * 0.5) + viewport.x
 631 | 				});
 632 | 			}
 633 | 		},
 634 | 
 635 | 		getViewport: function () {
 636 | 			var locked = (F.current && F.current.locked) || false,
 637 | 				rez    = {
 638 | 					x: W.scrollLeft(),
 639 | 					y: W.scrollTop()
 640 | 				};
 641 | 
 642 | 			if (locked) {
 643 | 				rez.w = locked[0].clientWidth;
 644 | 				rez.h = locked[0].clientHeight;
 645 | 
 646 | 			} else {
 647 | 				// See http://bugs.jquery.com/ticket/6724
 648 | 				rez.w = isTouch && window.innerWidth  ? window.innerWidth  : W.width();
 649 | 				rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
 650 | 			}
 651 | 
 652 | 			return rez;
 653 | 		},
 654 | 
 655 | 		// Unbind the keyboard / clicking actions
 656 | 		unbindEvents: function () {
 657 | 			if (F.wrap && isQuery(F.wrap)) {
 658 | 				F.wrap.unbind('.fb');
 659 | 			}
 660 | 
 661 | 			D.unbind('.fb');
 662 | 			W.unbind('.fb');
 663 | 		},
 664 | 
 665 | 		bindEvents: function () {
 666 | 			var current = F.current,
 667 | 				keys;
 668 | 
 669 | 			if (!current) {
 670 | 				return;
 671 | 			}
 672 | 
 673 | 			// Changing document height on iOS devices triggers a 'resize' event,
 674 | 			// that can change document height... repeating infinitely
 675 | 			W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
 676 | 
 677 | 			keys = current.keys;
 678 | 
 679 | 			if (keys) {
 680 | 				D.bind('keydown.fb', function (e) {
 681 | 					var code   = e.which || e.keyCode,
 682 | 						target = e.target || e.srcElement;
 683 | 
 684 | 					// Skip esc key if loading, because showLoading will cancel preloading
 685 | 					if (code === 27 && F.coming) {
 686 | 						return false;
 687 | 					}
 688 | 
 689 | 					// Ignore key combinations and key events within form elements
 690 | 					if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
 691 | 						$.each(keys, function(i, val) {
 692 | 							if (current.group.length > 1 && val[ code ] !== undefined) {
 693 | 								F[ i ]( val[ code ] );
 694 | 
 695 | 								e.preventDefault();
 696 | 								return false;
 697 | 							}
 698 | 
 699 | 							if ($.inArray(code, val) > -1) {
 700 | 								F[ i ] ();
 701 | 
 702 | 								e.preventDefault();
 703 | 								return false;
 704 | 							}
 705 | 						});
 706 | 					}
 707 | 				});
 708 | 			}
 709 | 
 710 | 			if ($.fn.mousewheel && current.mouseWheel) {
 711 | 				F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
 712 | 					var target = e.target || null,
 713 | 						parent = $(target),
 714 | 						canScroll = false;
 715 | 
 716 | 					while (parent.length) {
 717 | 						if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
 718 | 							break;
 719 | 						}
 720 | 
 721 | 						canScroll = isScrollable( parent[0] );
 722 | 						parent    = $(parent).parent();
 723 | 					}
 724 | 
 725 | 					if (delta !== 0 && !canScroll) {
 726 | 						if (F.group.length > 1 && !current.canShrink) {
 727 | 							if (deltaY > 0 || deltaX > 0) {
 728 | 								F.prev( deltaY > 0 ? 'down' : 'left' );
 729 | 
 730 | 							} else if (deltaY < 0 || deltaX < 0) {
 731 | 								F.next( deltaY < 0 ? 'up' : 'right' );
 732 | 							}
 733 | 
 734 | 							e.preventDefault();
 735 | 						}
 736 | 					}
 737 | 				});
 738 | 			}
 739 | 		},
 740 | 
 741 | 		trigger: function (event, o) {
 742 | 			var ret, obj = o || F.coming || F.current;
 743 | 
 744 | 			if (!obj) {
 745 | 				return;
 746 | 			}
 747 | 
 748 | 			if ($.isFunction( obj[event] )) {
 749 | 				ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
 750 | 			}
 751 | 
 752 | 			if (ret === false) {
 753 | 				return false;
 754 | 			}
 755 | 
 756 | 			if (obj.helpers) {
 757 | 				$.each(obj.helpers, function (helper, opts) {
 758 | 					if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
 759 | 						F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
 760 | 					}
 761 | 				});
 762 | 			}
 763 | 
 764 | 			D.trigger(event);
 765 | 		},
 766 | 
 767 | 		isImage: function (str) {
 768 | 			return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
 769 | 		},
 770 | 
 771 | 		isSWF: function (str) {
 772 | 			return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
 773 | 		},
 774 | 
 775 | 		_start: function (index) {
 776 | 			var coming = {},
 777 | 				obj,
 778 | 				href,
 779 | 				type,
 780 | 				margin,
 781 | 				padding;
 782 | 
 783 | 			index = getScalar( index );
 784 | 			obj   = F.group[ index ] || null;
 785 | 
 786 | 			if (!obj) {
 787 | 				return false;
 788 | 			}
 789 | 
 790 | 			coming = $.extend(true, {}, F.opts, obj);
 791 | 
 792 | 			// Convert margin and padding properties to array - top, right, bottom, left
 793 | 			margin  = coming.margin;
 794 | 			padding = coming.padding;
 795 | 
 796 | 			if ($.type(margin) === 'number') {
 797 | 				coming.margin = [margin, margin, margin, margin];
 798 | 			}
 799 | 
 800 | 			if ($.type(padding) === 'number') {
 801 | 				coming.padding = [padding, padding, padding, padding];
 802 | 			}
 803 | 
 804 | 			// 'modal' propery is just a shortcut
 805 | 			if (coming.modal) {
 806 | 				$.extend(true, coming, {
 807 | 					closeBtn   : false,
 808 | 					closeClick : false,
 809 | 					nextClick  : false,
 810 | 					arrows     : false,
 811 | 					mouseWheel : false,
 812 | 					keys       : null,
 813 | 					helpers: {
 814 | 						overlay : {
 815 | 							closeClick : false
 816 | 						}
 817 | 					}
 818 | 				});
 819 | 			}
 820 | 
 821 | 			// 'autoSize' property is a shortcut, too
 822 | 			if (coming.autoSize) {
 823 | 				coming.autoWidth = coming.autoHeight = true;
 824 | 			}
 825 | 
 826 | 			if (coming.width === 'auto') {
 827 | 				coming.autoWidth = true;
 828 | 			}
 829 | 
 830 | 			if (coming.height === 'auto') {
 831 | 				coming.autoHeight = true;
 832 | 			}
 833 | 
 834 | 			/*
 835 | 			 * Add reference to the group, so it`s possible to access from callbacks, example:
 836 | 			 * afterLoad : function() {
 837 | 			 *     this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
 838 | 			 * }
 839 | 			 */
 840 | 
 841 | 			coming.group  = F.group;
 842 | 			coming.index  = index;
 843 | 
 844 | 			// Give a chance for callback or helpers to update coming item (type, title, etc)
 845 | 			F.coming = coming;
 846 | 
 847 | 			if (false === F.trigger('beforeLoad')) {
 848 | 				F.coming = null;
 849 | 
 850 | 				return;
 851 | 			}
 852 | 
 853 | 			type = coming.type;
 854 | 			href = coming.href;
 855 | 
 856 | 			if (!type) {
 857 | 				F.coming = null;
 858 | 
 859 | 				//If we can not determine content type then drop silently or display next/prev item if looping through gallery
 860 | 				if (F.current && F.router && F.router !== 'jumpto') {
 861 | 					F.current.index = index;
 862 | 
 863 | 					return F[ F.router ]( F.direction );
 864 | 				}
 865 | 
 866 | 				return false;
 867 | 			}
 868 | 
 869 | 			F.isActive = true;
 870 | 
 871 | 			if (type === 'image' || type === 'swf') {
 872 | 				coming.autoHeight = coming.autoWidth = false;
 873 | 				coming.scrolling  = 'visible';
 874 | 			}
 875 | 
 876 | 			if (type === 'image') {
 877 | 				coming.aspectRatio = true;
 878 | 			}
 879 | 
 880 | 			if (type === 'iframe' && isTouch) {
 881 | 				coming.scrolling = 'scroll';
 882 | 			}
 883 | 
 884 | 			// Build the neccessary markup
 885 | 			coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
 886 | 
 887 | 			$.extend(coming, {
 888 | 				skin  : $('.fancybox-skin',  coming.wrap),
 889 | 				outer : $('.fancybox-outer', coming.wrap),
 890 | 				inner : $('.fancybox-inner', coming.wrap)
 891 | 			});
 892 | 
 893 | 			$.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
 894 | 				coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
 895 | 			});
 896 | 
 897 | 			F.trigger('onReady');
 898 | 
 899 | 			// Check before try to load; 'inline' and 'html' types need content, others - href
 900 | 			if (type === 'inline' || type === 'html') {
 901 | 				if (!coming.content || !coming.content.length) {
 902 | 					return F._error( 'content' );
 903 | 				}
 904 | 
 905 | 			} else if (!href) {
 906 | 				return F._error( 'href' );
 907 | 			}
 908 | 
 909 | 			if (type === 'image') {
 910 | 				F._loadImage();
 911 | 
 912 | 			} else if (type === 'ajax') {
 913 | 				F._loadAjax();
 914 | 
 915 | 			} else if (type === 'iframe') {
 916 | 				F._loadIframe();
 917 | 
 918 | 			} else {
 919 | 				F._afterLoad();
 920 | 			}
 921 | 		},
 922 | 
 923 | 		_error: function ( type ) {
 924 | 			$.extend(F.coming, {
 925 | 				type       : 'html',
 926 | 				autoWidth  : true,
 927 | 				autoHeight : true,
 928 | 				minWidth   : 0,
 929 | 				minHeight  : 0,
 930 | 				scrolling  : 'no',
 931 | 				hasError   : type,
 932 | 				content    : F.coming.tpl.error
 933 | 			});
 934 | 
 935 | 			F._afterLoad();
 936 | 		},
 937 | 
 938 | 		_loadImage: function () {
 939 | 			// Reset preload image so it is later possible to check "complete" property
 940 | 			var img = F.imgPreload = new Image();
 941 | 
 942 | 			img.onload = function () {
 943 | 				this.onload = this.onerror = null;
 944 | 
 945 | 				F.coming.width  = this.width / F.opts.pixelRatio;
 946 | 				F.coming.height = this.height / F.opts.pixelRatio;
 947 | 
 948 | 				F._afterLoad();
 949 | 			};
 950 | 
 951 | 			img.onerror = function () {
 952 | 				this.onload = this.onerror = null;
 953 | 
 954 | 				F._error( 'image' );
 955 | 			};
 956 | 
 957 | 			img.src = F.coming.href;
 958 | 
 959 | 			if (img.complete !== true) {
 960 | 				F.showLoading();
 961 | 			}
 962 | 		},
 963 | 
 964 | 		_loadAjax: function () {
 965 | 			var coming = F.coming;
 966 | 
 967 | 			F.showLoading();
 968 | 
 969 | 			F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
 970 | 				url: coming.href,
 971 | 				error: function (jqXHR, textStatus) {
 972 | 					if (F.coming && textStatus !== 'abort') {
 973 | 						F._error( 'ajax', jqXHR );
 974 | 
 975 | 					} else {
 976 | 						F.hideLoading();
 977 | 					}
 978 | 				},
 979 | 				success: function (data, textStatus) {
 980 | 					if (textStatus === 'success') {
 981 | 						coming.content = data;
 982 | 
 983 | 						F._afterLoad();
 984 | 					}
 985 | 				}
 986 | 			}));
 987 | 		},
 988 | 
 989 | 		_loadIframe: function() {
 990 | 			var coming = F.coming,
 991 | 				iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
 992 | 					.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
 993 | 					.attr('src', coming.href);
 994 | 
 995 | 			// This helps IE
 996 | 			$(coming.wrap).bind('onReset', function () {
 997 | 				try {
 998 | 					$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
 999 | 				} catch (e) {}
1000 | 			});
1001 | 
1002 | 			if (coming.iframe.preload) {
1003 | 				F.showLoading();
1004 | 
1005 | 				iframe.one('load', function() {
1006 | 					$(this).data('ready', 1);
1007 | 
1008 | 					// iOS will lose scrolling if we resize
1009 | 					if (!isTouch) {
1010 | 						$(this).bind('load.fb', F.update);
1011 | 					}
1012 | 
1013 | 					// Without this trick:
1014 | 					//   - iframe won't scroll on iOS devices
1015 | 					//   - IE7 sometimes displays empty iframe
1016 | 					$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
1017 | 
1018 | 					F._afterLoad();
1019 | 				});
1020 | 			}
1021 | 
1022 | 			coming.content = iframe.appendTo( coming.inner );
1023 | 
1024 | 			if (!coming.iframe.preload) {
1025 | 				F._afterLoad();
1026 | 			}
1027 | 		},
1028 | 
1029 | 		_preloadImages: function() {
1030 | 			var group   = F.group,
1031 | 				current = F.current,
1032 | 				len     = group.length,
1033 | 				cnt     = current.preload ? Math.min(current.preload, len - 1) : 0,
1034 | 				item,
1035 | 				i;
1036 | 
1037 | 			for (i = 1; i <= cnt; i += 1) {
1038 | 				item = group[ (current.index + i ) % len ];
1039 | 
1040 | 				if (item.type === 'image' && item.href) {
1041 | 					new Image().src = item.href;
1042 | 				}
1043 | 			}
1044 | 		},
1045 | 
1046 | 		_afterLoad: function () {
1047 | 			var coming   = F.coming,
1048 | 				previous = F.current,
1049 | 				placeholder = 'fancybox-placeholder',
1050 | 				current,
1051 | 				content,
1052 | 				type,
1053 | 				scrolling,
1054 | 				href,
1055 | 				embed;
1056 | 
1057 | 			F.hideLoading();
1058 | 
1059 | 			if (!coming || F.isActive === false) {
1060 | 				return;
1061 | 			}
1062 | 
1063 | 			if (false === F.trigger('afterLoad', coming, previous)) {
1064 | 				coming.wrap.stop(true).trigger('onReset').remove();
1065 | 
1066 | 				F.coming = null;
1067 | 
1068 | 				return;
1069 | 			}
1070 | 
1071 | 			if (previous) {
1072 | 				F.trigger('beforeChange', previous);
1073 | 
1074 | 				previous.wrap.stop(true).removeClass('fancybox-opened')
1075 | 					.find('.fancybox-item, .fancybox-nav')
1076 | 					.remove();
1077 | 			}
1078 | 
1079 | 			F.unbindEvents();
1080 | 
1081 | 			current   = coming;
1082 | 			content   = coming.content;
1083 | 			type      = coming.type;
1084 | 			scrolling = coming.scrolling;
1085 | 
1086 | 			$.extend(F, {
1087 | 				wrap  : current.wrap,
1088 | 				skin  : current.skin,
1089 | 				outer : current.outer,
1090 | 				inner : current.inner,
1091 | 				current  : current,
1092 | 				previous : previous
1093 | 			});
1094 | 
1095 | 			href = current.href;
1096 | 
1097 | 			switch (type) {
1098 | 				case 'inline':
1099 | 				case 'ajax':
1100 | 				case 'html':
1101 | 					if (current.selector) {
1102 | 						content = $('<div>').html(content).find(current.selector);
1103 | 
1104 | 					} else if (isQuery(content)) {
1105 | 						if (!content.data(placeholder)) {
1106 | 							content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
1107 | 						}
1108 | 
1109 | 						content = content.show().detach();
1110 | 
1111 | 						current.wrap.bind('onReset', function () {
1112 | 							if ($(this).find(content).length) {
1113 | 								content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
1114 | 							}
1115 | 						});
1116 | 					}
1117 | 				break;
1118 | 
1119 | 				case 'image':
1120 | 					content = current.tpl.image.replace('{href}', href);
1121 | 				break;
1122 | 
1123 | 				case 'swf':
1124 | 					content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
1125 | 					embed   = '';
1126 | 
1127 | 					$.each(current.swf, function(name, val) {
1128 | 						content += '<param name="' + name + '" value="' + val + '"></param>';
1129 | 						embed   += ' ' + name + '="' + val + '"';
1130 | 					});
1131 | 
1132 | 					content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
1133 | 				break;
1134 | 			}
1135 | 
1136 | 			if (!(isQuery(content) && content.parent().is(current.inner))) {
1137 | 				current.inner.append( content );
1138 | 			}
1139 | 
1140 | 			// Give a chance for helpers or callbacks to update elements
1141 | 			F.trigger('beforeShow');
1142 | 
1143 | 			// Set scrolling before calculating dimensions
1144 | 			current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
1145 | 
1146 | 			// Set initial dimensions and start position
1147 | 			F._setDimension();
1148 | 
1149 | 			F.reposition();
1150 | 
1151 | 			F.isOpen = false;
1152 | 			F.coming = null;
1153 | 
1154 | 			F.bindEvents();
1155 | 
1156 | 			if (!F.isOpened) {
1157 | 				$('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
1158 | 
1159 | 			} else if (previous.prevMethod) {
1160 | 				F.transitions[ previous.prevMethod ]();
1161 | 			}
1162 | 
1163 | 			F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
1164 | 
1165 | 			F._preloadImages();
1166 | 		},
1167 | 
1168 | 		_setDimension: function () {
1169 | 			var viewport   = F.getViewport(),
1170 | 				steps      = 0,
1171 | 				canShrink  = false,
1172 | 				canExpand  = false,
1173 | 				wrap       = F.wrap,
1174 | 				skin       = F.skin,
1175 | 				inner      = F.inner,
1176 | 				current    = F.current,
1177 | 				width      = current.width,
1178 | 				height     = current.height,
1179 | 				minWidth   = current.minWidth,
1180 | 				minHeight  = current.minHeight,
1181 | 				maxWidth   = current.maxWidth,
1182 | 				maxHeight  = current.maxHeight,
1183 | 				scrolling  = current.scrolling,
1184 | 				scrollOut  = current.scrollOutside ? current.scrollbarWidth : 0,
1185 | 				margin     = current.margin,
1186 | 				wMargin    = getScalar(margin[1] + margin[3]),
1187 | 				hMargin    = getScalar(margin[0] + margin[2]),
1188 | 				wPadding,
1189 | 				hPadding,
1190 | 				wSpace,
1191 | 				hSpace,
1192 | 				origWidth,
1193 | 				origHeight,
1194 | 				origMaxWidth,
1195 | 				origMaxHeight,
1196 | 				ratio,
1197 | 				width_,
1198 | 				height_,
1199 | 				maxWidth_,
1200 | 				maxHeight_,
1201 | 				iframe,
1202 | 				body;
1203 | 
1204 | 			// Reset dimensions so we could re-check actual size
1205 | 			wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
1206 | 
1207 | 			wPadding = getScalar(skin.outerWidth(true)  - skin.width());
1208 | 			hPadding = getScalar(skin.outerHeight(true) - skin.height());
1209 | 
1210 | 			// Any space between content and viewport (margin, padding, border, title)
1211 | 			wSpace = wMargin + wPadding;
1212 | 			hSpace = hMargin + hPadding;
1213 | 
1214 | 			origWidth  = isPercentage(width)  ? (viewport.w - wSpace) * getScalar(width)  / 100 : width;
1215 | 			origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
1216 | 
1217 | 			if (current.type === 'iframe') {
1218 | 				iframe = current.content;
1219 | 
1220 | 				if (current.autoHeight && iframe.data('ready') === 1) {
1221 | 					try {
1222 | 						if (iframe[0].contentWindow.document.location) {
1223 | 							inner.width( origWidth ).height(9999);
1224 | 
1225 | 							body = iframe.contents().find('body');
1226 | 
1227 | 							if (scrollOut) {
1228 | 								body.css('overflow-x', 'hidden');
1229 | 							}
1230 | 
1231 | 							origHeight = body.outerHeight(true);
1232 | 						}
1233 | 
1234 | 					} catch (e) {}
1235 | 				}
1236 | 
1237 | 			} else if (current.autoWidth || current.autoHeight) {
1238 | 				inner.addClass( 'fancybox-tmp' );
1239 | 
1240 | 				// Set width or height in case we need to calculate only one dimension
1241 | 				if (!current.autoWidth) {
1242 | 					inner.width( origWidth );
1243 | 				}
1244 | 
1245 | 				if (!current.autoHeight) {
1246 | 					inner.height( origHeight );
1247 | 				}
1248 | 
1249 | 				if (current.autoWidth) {
1250 | 					origWidth = inner.width();
1251 | 				}
1252 | 
1253 | 				if (current.autoHeight) {
1254 | 					origHeight = inner.height();
1255 | 				}
1256 | 
1257 | 				inner.removeClass( 'fancybox-tmp' );
1258 | 			}
1259 | 
1260 | 			width  = getScalar( origWidth );
1261 | 			height = getScalar( origHeight );
1262 | 
1263 | 			ratio  = origWidth / origHeight;
1264 | 
1265 | 			// Calculations for the content
1266 | 			minWidth  = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
1267 | 			maxWidth  = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
1268 | 
1269 | 			minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
1270 | 			maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
1271 | 
1272 | 			// These will be used to determine if wrap can fit in the viewport
1273 | 			origMaxWidth  = maxWidth;
1274 | 			origMaxHeight = maxHeight;
1275 | 
1276 | 			if (current.fitToView) {
1277 | 				maxWidth  = Math.min(viewport.w - wSpace, maxWidth);
1278 | 				maxHeight = Math.min(viewport.h - hSpace, maxHeight);
1279 | 			}
1280 | 
1281 | 			maxWidth_  = viewport.w - wMargin;
1282 | 			maxHeight_ = viewport.h - hMargin;
1283 | 
1284 | 			if (current.aspectRatio) {
1285 | 				if (width > maxWidth) {
1286 | 					width  = maxWidth;
1287 | 					height = getScalar(width / ratio);
1288 | 				}
1289 | 
1290 | 				if (height > maxHeight) {
1291 | 					height = maxHeight;
1292 | 					width  = getScalar(height * ratio);
1293 | 				}
1294 | 
1295 | 				if (width < minWidth) {
1296 | 					width  = minWidth;
1297 | 					height = getScalar(width / ratio);
1298 | 				}
1299 | 
1300 | 				if (height < minHeight) {
1301 | 					height = minHeight;
1302 | 					width  = getScalar(height * ratio);
1303 | 				}
1304 | 
1305 | 			} else {
1306 | 				width = Math.max(minWidth, Math.min(width, maxWidth));
1307 | 
1308 | 				if (current.autoHeight && current.type !== 'iframe') {
1309 | 					inner.width( width );
1310 | 
1311 | 					height = inner.height();
1312 | 				}
1313 | 
1314 | 				height = Math.max(minHeight, Math.min(height, maxHeight));
1315 | 			}
1316 | 
1317 | 			// Try to fit inside viewport (including the title)
1318 | 			if (current.fitToView) {
1319 | 				inner.width( width ).height( height );
1320 | 
1321 | 				wrap.width( width + wPadding );
1322 | 
1323 | 				// Real wrap dimensions
1324 | 				width_  = wrap.width();
1325 | 				height_ = wrap.height();
1326 | 
1327 | 				if (current.aspectRatio) {
1328 | 					while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
1329 | 						if (steps++ > 19) {
1330 | 							break;
1331 | 						}
1332 | 
1333 | 						height = Math.max(minHeight, Math.min(maxHeight, height - 10));
1334 | 						width  = getScalar(height * ratio);
1335 | 
1336 | 						if (width < minWidth) {
1337 | 							width  = minWidth;
1338 | 							height = getScalar(width / ratio);
1339 | 						}
1340 | 
1341 | 						if (width > maxWidth) {
1342 | 							width  = maxWidth;
1343 | 							height = getScalar(width / ratio);
1344 | 						}
1345 | 
1346 | 						inner.width( width ).height( height );
1347 | 
1348 | 						wrap.width( width + wPadding );
1349 | 
1350 | 						width_  = wrap.width();
1351 | 						height_ = wrap.height();
1352 | 					}
1353 | 
1354 | 				} else {
1355 | 					width  = Math.max(minWidth,  Math.min(width,  width  - (width_  - maxWidth_)));
1356 | 					height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
1357 | 				}
1358 | 			}
1359 | 
1360 | 			if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
1361 | 				width += scrollOut;
1362 | 			}
1363 | 
1364 | 			inner.width( width ).height( height );
1365 | 
1366 | 			wrap.width( width + wPadding );
1367 | 
1368 | 			width_  = wrap.width();
1369 | 			height_ = wrap.height();
1370 | 
1371 | 			canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
1372 | 			canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
1373 | 
1374 | 			$.extend(current, {
1375 | 				dim : {
1376 | 					width	: getValue( width_ ),
1377 | 					height	: getValue( height_ )
1378 | 				},
1379 | 				origWidth  : origWidth,
1380 | 				origHeight : origHeight,
1381 | 				canShrink  : canShrink,
1382 | 				canExpand  : canExpand,
1383 | 				wPadding   : wPadding,
1384 | 				hPadding   : hPadding,
1385 | 				wrapSpace  : height_ - skin.outerHeight(true),
1386 | 				skinSpace  : skin.height() - height
1387 | 			});
1388 | 
1389 | 			if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
1390 | 				inner.height('auto');
1391 | 			}
1392 | 		},
1393 | 
1394 | 		_getPosition: function (onlyAbsolute) {
1395 | 			var current  = F.current,
1396 | 				viewport = F.getViewport(),
1397 | 				margin   = current.margin,
1398 | 				width    = F.wrap.width()  + margin[1] + margin[3],
1399 | 				height   = F.wrap.height() + margin[0] + margin[2],
1400 | 				rez      = {
1401 | 					position: 'absolute',
1402 | 					top  : margin[0],
1403 | 					left : margin[3]
1404 | 				};
1405 | 
1406 | 			if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
1407 | 				rez.position = 'fixed';
1408 | 
1409 | 			} else if (!current.locked) {
1410 | 				rez.top  += viewport.y;
1411 | 				rez.left += viewport.x;
1412 | 			}
1413 | 
1414 | 			rez.top  = getValue(Math.max(rez.top,  rez.top  + ((viewport.h - height) * current.topRatio)));
1415 | 			rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width)  * current.leftRatio)));
1416 | 
1417 | 			return rez;
1418 | 		},
1419 | 
1420 | 		_afterZoomIn: function () {
1421 | 			var current = F.current;
1422 | 
1423 | 			if (!current) {
1424 | 				return;
1425 | 			}
1426 | 
1427 | 			F.isOpen = F.isOpened = true;
1428 | 
1429 | 			F.wrap.css('overflow', 'visible').addClass('fancybox-opened');
1430 | 
1431 | 			F.update();
1432 | 
1433 | 			// Assign a click event
1434 | 			if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
1435 | 				F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
1436 | 					if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
1437 | 						e.preventDefault();
1438 | 
1439 | 						F[ current.closeClick ? 'close' : 'next' ]();
1440 | 					}
1441 | 				});
1442 | 			}
1443 | 
1444 | 			// Create a close button
1445 | 			if (current.closeBtn) {
1446 | 				$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
1447 | 					e.preventDefault();
1448 | 
1449 | 					F.close();
1450 | 				});
1451 | 			}
1452 | 
1453 | 			// Create navigation arrows
1454 | 			if (current.arrows && F.group.length > 1) {
1455 | 				if (current.loop || current.index > 0) {
1456 | 					$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
1457 | 				}
1458 | 
1459 | 				if (current.loop || current.index < F.group.length - 1) {
1460 | 					$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
1461 | 				}
1462 | 			}
1463 | 
1464 | 			F.trigger('afterShow');
1465 | 
1466 | 			// Stop the slideshow if this is the last item
1467 | 			if (!current.loop && current.index === current.group.length - 1) {
1468 | 				F.play( false );
1469 | 
1470 | 			} else if (F.opts.autoPlay && !F.player.isActive) {
1471 | 				F.opts.autoPlay = false;
1472 | 
1473 | 				F.play();
1474 | 			}
1475 | 		},
1476 | 
1477 | 		_afterZoomOut: function ( obj ) {
1478 | 			obj = obj || F.current;
1479 | 
1480 | 			$('.fancybox-wrap').trigger('onReset').remove();
1481 | 
1482 | 			$.extend(F, {
1483 | 				group  : {},
1484 | 				opts   : {},
1485 | 				router : false,
1486 | 				current   : null,
1487 | 				isActive  : false,
1488 | 				isOpened  : false,
1489 | 				isOpen    : false,
1490 | 				isClosing : false,
1491 | 				wrap   : null,
1492 | 				skin   : null,
1493 | 				outer  : null,
1494 | 				inner  : null
1495 | 			});
1496 | 
1497 | 			F.trigger('afterClose', obj);
1498 | 		}
1499 | 	});
1500 | 
1501 | 	/*
1502 | 	 *	Default transitions
1503 | 	 */
1504 | 
1505 | 	F.transitions = {
1506 | 		getOrigPosition: function () {
1507 | 			var current  = F.current,
1508 | 				element  = current.element,
1509 | 				orig     = current.orig,
1510 | 				pos      = {},
1511 | 				width    = 50,
1512 | 				height   = 50,
1513 | 				hPadding = current.hPadding,
1514 | 				wPadding = current.wPadding,
1515 | 				viewport = F.getViewport();
1516 | 
1517 | 			if (!orig && current.isDom && element.is(':visible')) {
1518 | 				orig = element.find('img:first');
1519 | 
1520 | 				if (!orig.length) {
1521 | 					orig = element;
1522 | 				}
1523 | 			}
1524 | 
1525 | 			if (isQuery(orig)) {
1526 | 				pos = orig.offset();
1527 | 
1528 | 				if (orig.is('img')) {
1529 | 					width  = orig.outerWidth();
1530 | 					height = orig.outerHeight();
1531 | 				}
1532 | 
1533 | 			} else {
1534 | 				pos.top  = viewport.y + (viewport.h - height) * current.topRatio;
1535 | 				pos.left = viewport.x + (viewport.w - width)  * current.leftRatio;
1536 | 			}
1537 | 
1538 | 			if (F.wrap.css('position') === 'fixed' || current.locked) {
1539 | 				pos.top  -= viewport.y;
1540 | 				pos.left -= viewport.x;
1541 | 			}
1542 | 
1543 | 			pos = {
1544 | 				top     : getValue(pos.top  - hPadding * current.topRatio),
1545 | 				left    : getValue(pos.left - wPadding * current.leftRatio),
1546 | 				width   : getValue(width  + wPadding),
1547 | 				height  : getValue(height + hPadding)
1548 | 			};
1549 | 
1550 | 			return pos;
1551 | 		},
1552 | 
1553 | 		step: function (now, fx) {
1554 | 			var ratio,
1555 | 				padding,
1556 | 				value,
1557 | 				prop       = fx.prop,
1558 | 				current    = F.current,
1559 | 				wrapSpace  = current.wrapSpace,
1560 | 				skinSpace  = current.skinSpace;
1561 | 
1562 | 			if (prop === 'width' || prop === 'height') {
1563 | 				ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
1564 | 
1565 | 				if (F.isClosing) {
1566 | 					ratio = 1 - ratio;
1567 | 				}
1568 | 
1569 | 				padding = prop === 'width' ? current.wPadding : current.hPadding;
1570 | 				value   = now - padding;
1571 | 
1572 | 				F.skin[ prop ](  getScalar( prop === 'width' ?  value : value - (wrapSpace * ratio) ) );
1573 | 				F.inner[ prop ]( getScalar( prop === 'width' ?  value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
1574 | 			}
1575 | 		},
1576 | 
1577 | 		zoomIn: function () {
1578 | 			var current  = F.current,
1579 | 				startPos = current.pos,
1580 | 				effect   = current.openEffect,
1581 | 				elastic  = effect === 'elastic',
1582 | 				endPos   = $.extend({opacity : 1}, startPos);
1583 | 
1584 | 			// Remove "position" property that breaks older IE
1585 | 			delete endPos.position;
1586 | 
1587 | 			if (elastic) {
1588 | 				startPos = this.getOrigPosition();
1589 | 
1590 | 				if (current.openOpacity) {
1591 | 					startPos.opacity = 0.1;
1592 | 				}
1593 | 
1594 | 			} else if (effect === 'fade') {
1595 | 				startPos.opacity = 0.1;
1596 | 			}
1597 | 
1598 | 			F.wrap.css(startPos).animate(endPos, {
1599 | 				duration : effect === 'none' ? 0 : current.openSpeed,
1600 | 				easing   : current.openEasing,
1601 | 				step     : elastic ? this.step : null,
1602 | 				complete : F._afterZoomIn
1603 | 			});
1604 | 		},
1605 | 
1606 | 		zoomOut: function () {
1607 | 			var current  = F.current,
1608 | 				effect   = current.closeEffect,
1609 | 				elastic  = effect === 'elastic',
1610 | 				endPos   = {opacity : 0.1};
1611 | 
1612 | 			if (elastic) {
1613 | 				endPos = this.getOrigPosition();
1614 | 
1615 | 				if (current.closeOpacity) {
1616 | 					endPos.opacity = 0.1;
1617 | 				}
1618 | 			}
1619 | 
1620 | 			F.wrap.animate(endPos, {
1621 | 				duration : effect === 'none' ? 0 : current.closeSpeed,
1622 | 				easing   : current.closeEasing,
1623 | 				step     : elastic ? this.step : null,
1624 | 				complete : F._afterZoomOut
1625 | 			});
1626 | 		},
1627 | 
1628 | 		changeIn: function () {
1629 | 			var current   = F.current,
1630 | 				effect    = current.nextEffect,
1631 | 				startPos  = current.pos,
1632 | 				endPos    = { opacity : 1 },
1633 | 				direction = F.direction,
1634 | 				distance  = 200,
1635 | 				field;
1636 | 
1637 | 			startPos.opacity = 0.1;
1638 | 
1639 | 			if (effect === 'elastic') {
1640 | 				field = direction === 'down' || direction === 'up' ? 'top' : 'left';
1641 | 
1642 | 				if (direction === 'down' || direction === 'right') {
1643 | 					startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
1644 | 					endPos[ field ]   = '+=' + distance + 'px';
1645 | 
1646 | 				} else {
1647 | 					startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
1648 | 					endPos[ field ]   = '-=' + distance + 'px';
1649 | 				}
1650 | 			}
1651 | 
1652 | 			// Workaround for http://bugs.jquery.com/ticket/12273
1653 | 			if (effect === 'none') {
1654 | 				F._afterZoomIn();
1655 | 
1656 | 			} else {
1657 | 				F.wrap.css(startPos).animate(endPos, {
1658 | 					duration : current.nextSpeed,
1659 | 					easing   : current.nextEasing,
1660 | 					complete : F._afterZoomIn
1661 | 				});
1662 | 			}
1663 | 		},
1664 | 
1665 | 		changeOut: function () {
1666 | 			var previous  = F.previous,
1667 | 				effect    = previous.prevEffect,
1668 | 				endPos    = { opacity : 0.1 },
1669 | 				direction = F.direction,
1670 | 				distance  = 200;
1671 | 
1672 | 			if (effect === 'elastic') {
1673 | 				endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
1674 | 			}
1675 | 
1676 | 			previous.wrap.animate(endPos, {
1677 | 				duration : effect === 'none' ? 0 : previous.prevSpeed,
1678 | 				easing   : previous.prevEasing,
1679 | 				complete : function () {
1680 | 					$(this).trigger('onReset').remove();
1681 | 				}
1682 | 			});
1683 | 		}
1684 | 	};
1685 | 
1686 | 	/*
1687 | 	 *	Overlay helper
1688 | 	 */
1689 | 
1690 | 	F.helpers.overlay = {
1691 | 		defaults : {
1692 | 			closeClick : true,      // if true, fancyBox will be closed when user clicks on the overlay
1693 | 			speedOut   : 200,       // duration of fadeOut animation
1694 | 			showEarly  : true,      // indicates if should be opened immediately or wait until the content is ready
1695 | 			css        : {},        // custom CSS properties
1696 | 			locked     : !isTouch,  // if true, the content will be locked into overlay
1697 | 			fixed      : true       // if false, the overlay CSS position property will not be set to "fixed"
1698 | 		},
1699 | 
1700 | 		overlay : null,      // current handle
1701 | 		fixed   : false,     // indicates if the overlay has position "fixed"
1702 | 		el      : $('html'), // element that contains "the lock"
1703 | 
1704 | 		// Public methods
1705 | 		create : function(opts) {
1706 | 			opts = $.extend({}, this.defaults, opts);
1707 | 
1708 | 			if (this.overlay) {
1709 | 				this.close();
1710 | 			}
1711 | 
1712 | 			this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( F.coming ? F.coming.parent : opts.parent );
1713 | 			this.fixed   = false;
1714 | 
1715 | 			if (opts.fixed && F.defaults.fixed) {
1716 | 				this.overlay.addClass('fancybox-overlay-fixed');
1717 | 
1718 | 				this.fixed = true;
1719 | 			}
1720 | 		},
1721 | 
1722 | 		open : function(opts) {
1723 | 			var that = this;
1724 | 
1725 | 			opts = $.extend({}, this.defaults, opts);
1726 | 
1727 | 			if (this.overlay) {
1728 | 				this.overlay.unbind('.overlay').width('auto').height('auto');
1729 | 
1730 | 			} else {
1731 | 				this.create(opts);
1732 | 			}
1733 | 
1734 | 			if (!this.fixed) {
1735 | 				W.bind('resize.overlay', $.proxy( this.update, this) );
1736 | 
1737 | 				this.update();
1738 | 			}
1739 | 
1740 | 			if (opts.closeClick) {
1741 | 				this.overlay.bind('click.overlay', function(e) {
1742 | 					if ($(e.target).hasClass('fancybox-overlay')) {
1743 | 						if (F.isActive) {
1744 | 							F.close();
1745 | 						} else {
1746 | 							that.close();
1747 | 						}
1748 | 
1749 | 						return false;
1750 | 					}
1751 | 				});
1752 | 			}
1753 | 
1754 | 			this.overlay.css( opts.css ).show();
1755 | 		},
1756 | 
1757 | 		close : function() {
1758 | 			var scrollV, scrollH;
1759 | 
1760 | 			W.unbind('resize.overlay');
1761 | 
1762 | 			if (this.el.hasClass('fancybox-lock')) {
1763 | 				$('.fancybox-margin').removeClass('fancybox-margin');
1764 | 
1765 | 				scrollV = W.scrollTop();
1766 | 				scrollH = W.scrollLeft();
1767 | 
1768 | 				this.el.removeClass('fancybox-lock');
1769 | 
1770 | 				W.scrollTop( scrollV ).scrollLeft( scrollH );
1771 | 			}
1772 | 
1773 | 			$('.fancybox-overlay').remove().hide();
1774 | 
1775 | 			$.extend(this, {
1776 | 				overlay : null,
1777 | 				fixed   : false
1778 | 			});
1779 | 		},
1780 | 
1781 | 		// Private, callbacks
1782 | 
1783 | 		update : function () {
1784 | 			var width = '100%', offsetWidth;
1785 | 
1786 | 			// Reset width/height so it will not mess
1787 | 			this.overlay.width(width).height('100%');
1788 | 
1789 | 			// jQuery does not return reliable result for IE
1790 | 			if (IE) {
1791 | 				offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
1792 | 
1793 | 				if (D.width() > offsetWidth) {
1794 | 					width = D.width();
1795 | 				}
1796 | 
1797 | 			} else if (D.width() > W.width()) {
1798 | 				width = D.width();
1799 | 			}
1800 | 
1801 | 			this.overlay.width(width).height(D.height());
1802 | 		},
1803 | 
1804 | 		// This is where we can manipulate DOM, because later it would cause iframes to reload
1805 | 		onReady : function (opts, obj) {
1806 | 			var overlay = this.overlay;
1807 | 
1808 | 			$('.fancybox-overlay').stop(true, true);
1809 | 
1810 | 			if (!overlay) {
1811 | 				this.create(opts);
1812 | 			}
1813 | 
1814 | 			if (opts.locked && this.fixed && obj.fixed) {
1815 | 				if (!overlay) {
1816 | 					this.margin = D.height() > W.height() ? $('html').css('margin-right').replace("px", "") : false;
1817 | 				}
1818 | 
1819 | 				obj.locked = this.overlay.append( obj.wrap );
1820 | 				obj.fixed  = false;
1821 | 			}
1822 | 
1823 | 			if (opts.showEarly === true) {
1824 | 				this.beforeShow.apply(this, arguments);
1825 | 			}
1826 | 		},
1827 | 
1828 | 		beforeShow : function(opts, obj) {
1829 | 			var scrollV, scrollH;
1830 | 
1831 | 			if (obj.locked) {
1832 | 				if (this.margin !== false) {
1833 | 					$('*').filter(function(){
1834 | 						return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
1835 | 					}).addClass('fancybox-margin');
1836 | 
1837 | 					//this.el.addClass('fancybox-margin');
1838 | 				}
1839 | 
1840 | 				scrollV = W.scrollTop();
1841 | 				scrollH = W.scrollLeft();
1842 | 
1843 | 				//this.el.addClass('fancybox-lock');
1844 | 
1845 | 				W.scrollTop( scrollV ).scrollLeft( scrollH );
1846 | 			}
1847 | 
1848 | 			this.open(opts);
1849 | 		},
1850 | 
1851 | 		onUpdate : function() {
1852 | 			if (!this.fixed) {
1853 | 				this.update();
1854 | 			}
1855 | 		},
1856 | 
1857 | 		afterClose: function (opts) {
1858 | 			// Remove overlay if exists and fancyBox is not opening
1859 | 			// (e.g., it is not being open using afterClose callback)
1860 | 			//if (this.overlay && !F.isActive) {
1861 | 			if (this.overlay && !F.coming) {
1862 | 				this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
1863 | 			}
1864 | 		}
1865 | 	};
1866 | 
1867 | 	/*
1868 | 	 *	Title helper
1869 | 	 */
1870 | 
1871 | 	F.helpers.title = {
1872 | 		defaults : {
1873 | 			type     : 'float', // 'float', 'inside', 'outside' or 'over',
1874 | 			position : 'bottom' // 'top' or 'bottom'
1875 | 		},
1876 | 
1877 | 		beforeShow: function (opts) {
1878 | 			var current = F.current,
1879 | 				text    = current.title,
1880 | 				type    = opts.type,
1881 | 				title,
1882 | 				target;
1883 | 
1884 | 			if ($.isFunction(text)) {
1885 | 				text = text.call(current.element, current);
1886 | 			}
1887 | 
1888 | 			if (!isString(text) || $.trim(text) === '') {
1889 | 				return;
1890 | 			}
1891 | 
1892 | 			title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
1893 | 
1894 | 			switch (type) {
1895 | 				case 'inside':
1896 | 					target = F.skin;
1897 | 				break;
1898 | 
1899 | 				case 'outside':
1900 | 					target = F.wrap;
1901 | 				break;
1902 | 
1903 | 				case 'over':
1904 | 					target = F.inner;
1905 | 				break;
1906 | 
1907 | 				default: // 'float'
1908 | 					target = F.skin;
1909 | 
1910 | 					title.appendTo('body');
1911 | 
1912 | 					if (IE) {
1913 | 						title.width( title.width() );
1914 | 					}
1915 | 
1916 | 					title.wrapInner('<span class="child"></span>');
1917 | 
1918 | 					//Increase bottom margin so this title will also fit into viewport
1919 | 					F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
1920 | 				break;
1921 | 			}
1922 | 
1923 | 			title[ (opts.position === 'top' ? 'prependTo'  : 'appendTo') ](target);
1924 | 		}
1925 | 	};
1926 | 
1927 | 	// jQuery plugin initialization
1928 | 	$.fn.fancybox = function (options) {
1929 | 		var index,
1930 | 			that     = $(this),
1931 | 			selector = this.selector || '',
1932 | 			run      = function(e) {
1933 | 				var what = $(this).blur(), idx = index, relType, relVal;
1934 | 
1935 | 				if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
1936 | 					relType = options.groupAttr || 'data-fancybox-group';
1937 | 					relVal  = what.attr(relType);
1938 | 
1939 | 					if (!relVal) {
1940 | 						relType = 'rel';
1941 | 						relVal  = what.get(0)[ relType ];
1942 | 					}
1943 | 
1944 | 					if (relVal && relVal !== '' && relVal !== 'nofollow') {
1945 | 						what = selector.length ? $(selector) : that;
1946 | 						what = what.filter('[' + relType + '="' + relVal + '"]');
1947 | 						idx  = what.index(this);
1948 | 					}
1949 | 
1950 | 					options.index = idx;
1951 | 
1952 | 					// Stop an event from bubbling if everything is fine
1953 | 					if (F.open(what, options) !== false) {
1954 | 						e.preventDefault();
1955 | 					}
1956 | 				}
1957 | 			};
1958 | 
1959 | 		options = options || {};
1960 | 		index   = options.index || 0;
1961 | 
1962 | 		if (!selector || options.live === false) {
1963 | 			that.unbind('click.fb-start').bind('click.fb-start', run);
1964 | 
1965 | 		} else {
1966 | 			D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
1967 | 		}
1968 | 
1969 | 		this.filter('[data-fancybox-start=1]').trigger('click');
1970 | 
1971 | 		return this;
1972 | 	};
1973 | 
1974 | 	// Tests that need a body at doc ready
1975 | 	D.ready(function() {
1976 | 		var w1, w2;
1977 | 
1978 | 		if ( $.scrollbarWidth === undefined ) {
1979 | 			// http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
1980 | 			$.scrollbarWidth = function() {
1981 | 				var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
1982 | 					child  = parent.children(),
1983 | 					width  = child.innerWidth() - child.height( 99 ).innerWidth();
1984 | 
1985 | 				parent.remove();
1986 | 
1987 | 				return width;
1988 | 			};
1989 | 		}
1990 | 
1991 | 		if ( $.support.fixedPosition === undefined ) {
1992 | 			$.support.fixedPosition = (function() {
1993 | 				var elem  = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
1994 | 					fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
1995 | 
1996 | 				elem.remove();
1997 | 
1998 | 				return fixed;
1999 | 			}());
2000 | 		}
2001 | 
2002 | 		$.extend(F.defaults, {
2003 | 			scrollbarWidth : $.scrollbarWidth(),
2004 | 			fixed  : $.support.fixedPosition,
2005 | 			parent : $('body')
2006 | 		});
2007 | 
2008 | 		//Get real width of page scroll-bar
2009 | 		w1 = $(window).width();
2010 | 
2011 | 		H.addClass('fancybox-lock-test');
2012 | 
2013 | 		w2 = $(window).width();
2014 | 
2015 | 		H.removeClass('fancybox-lock-test');
2016 | 
2017 | 		$("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
2018 | 	});
2019 | 
2020 | }(window, document, jQuery));


--------------------------------------------------------------------------------
/examples/sample-table.txt:
--------------------------------------------------------------------------------
  1 | <div id="table-container" class="sticky-table sticky-ltr-cells">
  2 |                 <table class="table table-striped">
  3 |                     <thead>
  4 |                         <tr class="sticky-header">
  5 |                             <th class="sticky-cell">Ford</th>
  6 |                             <th>Escort</th>
  7 |                             <th>Blue</th>
  8 |                             <th>2000</th>
  9 |                             <th>Ford</th>
 10 |                             <th>Escort</th>
 11 |                             <th>Blue</th>
 12 |                             <th>2000</th>
 13 |                             <th>Ford</th>
 14 |                             <th>Escort</th>
 15 |                             <th>Blue</th>
 16 |                             <th>2000</th>
 17 |                             <th>2000</th>
 18 |                             <th>Ford</th>
 19 |                             <th>Escort</th>
 20 |                             <th>Blue</th>
 21 |                             <th>2000</th>
 22 |                             <th>2000</th>
 23 |                             <th>Ford</th>
 24 |                             <th>Escort</th>
 25 |                             <th>Blue</th>
 26 |                             <th>2000</th>
 27 |                             <th>2000</th>
 28 |                             <th>Ford</th>
 29 |                             <th>Escort</th>
 30 |                             <th>Blue</th>
 31 |                             <th>2000</th>
 32 |                             <th>2000</th>
 33 |                             <th>Ford</th>
 34 |                             <th>Escort</th>
 35 |                             <th>Blue</th>
 36 |                             <th>2000</th>
 37 |                             <th>2000</th>
 38 |                             <th>Ford</th>
 39 |                             <th>Escort</th>
 40 |                             <th>Blue</th>
 41 |                             <th>2000</th>
 42 | 
 43 |                         </tr>
 44 | 
 45 |                     </thead>
 46 |                     <tbody>
 47 |                         <tr>
 48 |                             <td class="sticky-cell">Ford</td>
 49 |                             <td>Escort</td>
 50 |                             <td>Blue</td>
 51 |                             <td>2000</td>
 52 |                             <td>Ford</td>
 53 |                             <td>Escort</td>
 54 |                             <td>Blue</td>
 55 |                             <td>2000</td>
 56 |                             <td>Ford</td>
 57 |                             <td>Escort</td>
 58 |                             <td>Blue</td>
 59 |                             <td>2000</td>
 60 |                             <td>2000</td>
 61 |                             <td>Ford</td>
 62 |                             <td>Escort</td>
 63 |                             <td>Blue</td>
 64 |                             <td>2000</td>
 65 |                             <td>2000</td>
 66 |                             <td>Ford</td>
 67 |                             <td>Escort</td>
 68 |                             <td>Blue</td>
 69 |                             <td>2000</td>
 70 |                             <td>2000</td>
 71 |                             <td>Ford</td>
 72 |                             <td>Escort</td>
 73 |                             <td>Blue</td>
 74 |                             <td>2000</td>
 75 |                             <td>2000</td>
 76 |                             <td>Ford</td>
 77 |                             <td>Escort</td>
 78 |                             <td>Blue</td>
 79 |                             <td>2000</td>
 80 |                             <td>2000</td>
 81 |                             <td>Ford</td>
 82 |                             <td>Escort</td>
 83 |                             <td>Blue</td>
 84 |                             <td>2000</td>
 85 | 
 86 |                         </tr>
 87 |                         <tr>
 88 |                             <td class="sticky-cell">Ford</td>
 89 |                             <td>Escort</td>
 90 |                             <td>Blue</td>
 91 |                             <td>2000</td>
 92 |                             <td>Ford</td>
 93 |                             <td>Escort</td>
 94 |                             <td>Blue</td>
 95 |                             <td>2000</td>
 96 |                             <td>Ford</td>
 97 |                             <td>Escort</td>
 98 |                             <td>Blue</td>
 99 |                             <td>2000</td>
100 |                             <td>2000</td>
101 |                             <td>Ford</td>
102 |                             <td>Escort</td>
103 |                             <td>Blue</td>
104 |                             <td>2000</td>
105 |                             <td>2000</td>
106 |                             <td>Ford</td>
107 |                             <td>Escort</td>
108 |                             <td>Blue</td>
109 |                             <td>2000</td>
110 |                             <td>2000</td>
111 |                             <td>Ford</td>
112 |                             <td>Escort</td>
113 |                             <td>Blue</td>
114 |                             <td>2000</td>
115 |                             <td>2000</td>
116 |                             <td>Ford</td>
117 |                             <td>Escort</td>
118 |                             <td>Blue</td>
119 |                             <td>2000</td>
120 |                             <td>2000</td>
121 |                             <td>Ford</td>
122 |                             <td>Escort</td>
123 |                             <td>Blue</td>
124 |                             <td>2000</td>
125 | 
126 |                         </tr>
127 |                         <tr>
128 |                             <td class="sticky-cell">Ford</td>
129 |                             <td>Escort</td>
130 |                             <td>Blue</td>
131 |                             <td>2000</td>
132 |                             <td>Ford</td>
133 |                             <td>Escort</td>
134 |                             <td>Blue</td>
135 |                             <td>2000</td>
136 |                             <td>Ford</td>
137 |                             <td>Escort</td>
138 |                             <td>Blue</td>
139 |                             <td>2000</td>
140 |                             <td>2000</td>
141 |                             <td>Ford</td>
142 |                             <td>Escort</td>
143 |                             <td>Blue</td>
144 |                             <td>2000</td>
145 |                             <td>2000</td>
146 |                             <td>Ford</td>
147 |                             <td>Escort</td>
148 |                             <td>Blue</td>
149 |                             <td>2000</td>
150 |                             <td>2000</td>
151 |                             <td>Ford</td>
152 |                             <td>Escort</td>
153 |                             <td>Blue</td>
154 |                             <td>2000</td>
155 |                             <td>2000</td>
156 |                             <td>Ford</td>
157 |                             <td>Escort</td>
158 |                             <td>Blue</td>
159 |                             <td>2000</td>
160 |                             <td>2000</td>
161 |                             <td>Ford</td>
162 |                             <td>Escort</td>
163 |                             <td>Blue</td>
164 |                             <td>2000</td>
165 | 
166 |                         </tr>
167 |                         <tr>
168 |                             <td class="sticky-cell">Ford</td>
169 |                             <td>Escort</td>
170 |                             <td>Blue</td>
171 |                             <td>2000</td>
172 |                             <td>Ford</td>
173 |                             <td>Escort</td>
174 |                             <td>Blue</td>
175 |                             <td>2000</td>
176 |                             <td>Ford</td>
177 |                             <td>Escort</td>
178 |                             <td>Blue</td>
179 |                             <td>2000</td>
180 |                             <td>2000</td>
181 |                             <td>Ford</td>
182 |                             <td>Escort</td>
183 |                             <td>Blue</td>
184 |                             <td>2000</td>
185 |                             <td>2000</td>
186 |                             <td>Ford</td>
187 |                             <td>Escort</td>
188 |                             <td>Blue</td>
189 |                             <td>2000</td>
190 |                             <td>2000</td>
191 |                             <td>Ford</td>
192 |                             <td>Escort</td>
193 |                             <td>Blue</td>
194 |                             <td>2000</td>
195 |                             <td>2000</td>
196 |                             <td>Ford</td>
197 |                             <td>Escort</td>
198 |                             <td>Blue</td>
199 |                             <td>2000</td>
200 |                             <td>2000</td>
201 |                             <td>Ford</td>
202 |                             <td>Escort</td>
203 |                             <td>Blue</td>
204 |                             <td>2000</td>
205 | 
206 |                         </tr>
207 |                         <tr>
208 |                             <td class="sticky-cell">Ford</td>
209 |                             <td>Escort</td>
210 |                             <td>Blue</td>
211 |                             <td>2000</td>
212 |                             <td>Ford</td>
213 |                             <td>Escort</td>
214 |                             <td>Blue</td>
215 |                             <td>2000</td>
216 |                             <td>Ford</td>
217 |                             <td>Escort</td>
218 |                             <td>Blue</td>
219 |                             <td>2000</td>
220 |                             <td>2000</td>
221 |                             <td>Ford</td>
222 |                             <td>Escort</td>
223 |                             <td>Blue</td>
224 |                             <td>2000</td>
225 |                             <td>2000</td>
226 |                             <td>Ford</td>
227 |                             <td>Escort</td>
228 |                             <td>Blue</td>
229 |                             <td>2000</td>
230 |                             <td>2000</td>
231 |                             <td>Ford</td>
232 |                             <td>Escort</td>
233 |                             <td>Blue</td>
234 |                             <td>2000</td>
235 |                             <td>2000</td>
236 |                             <td>Ford</td>
237 |                             <td>Escort</td>
238 |                             <td>Blue</td>
239 |                             <td>2000</td>
240 |                             <td>2000</td>
241 |                             <td>Ford</td>
242 |                             <td>Escort</td>
243 |                             <td>Blue</td>
244 |                             <td>2000</td>
245 | 
246 |                         </tr>
247 |                         <tr>
248 |                             <td class="sticky-cell">Ford</td>
249 |                             <td>Escort</td>
250 |                             <td>Blue</td>
251 |                             <td>2000</td>
252 |                             <td>Ford</td>
253 |                             <td>Escort</td>
254 |                             <td>Blue</td>
255 |                             <td>2000</td>
256 |                             <td>Ford</td>
257 |                             <td>Escort</td>
258 |                             <td>Blue</td>
259 |                             <td>2000</td>
260 |                             <td>2000</td>
261 |                             <td>Ford</td>
262 |                             <td>Escort</td>
263 |                             <td>Blue</td>
264 |                             <td>2000</td>
265 |                             <td>2000</td>
266 |                             <td>Ford</td>
267 |                             <td>Escort</td>
268 |                             <td>Blue</td>
269 |                             <td>2000</td>
270 |                             <td>2000</td>
271 |                             <td>Ford</td>
272 |                             <td>Escort</td>
273 |                             <td>Blue</td>
274 |                             <td>2000</td>
275 |                             <td>2000</td>
276 |                             <td>Ford</td>
277 |                             <td>Escort</td>
278 |                             <td>Blue</td>
279 |                             <td>2000</td>
280 |                             <td>2000</td>
281 |                             <td>Ford</td>
282 |                             <td>Escort</td>
283 |                             <td>Blue</td>
284 |                             <td>2000</td>
285 | 
286 |                         </tr>
287 |                         <tr>
288 |                             <td class="sticky-cell">Ford</td>
289 |                             <td>Escort</td>
290 |                             <td>Blue</td>
291 |                             <td>2000</td>
292 |                             <td>Ford</td>
293 |                             <td>Escort</td>
294 |                             <td>Blue</td>
295 |                             <td>2000</td>
296 |                             <td>Ford</td>
297 |                             <td>Escort</td>
298 |                             <td>Blue</td>
299 |                             <td>2000</td>
300 |                             <td>2000</td>
301 |                             <td>Ford</td>
302 |                             <td>Escort</td>
303 |                             <td>Blue</td>
304 |                             <td>2000</td>
305 |                             <td>2000</td>
306 |                             <td>Ford</td>
307 |                             <td>Escort</td>
308 |                             <td>Blue</td>
309 |                             <td>2000</td>
310 |                             <td>2000</td>
311 |                             <td>Ford</td>
312 |                             <td>Escort</td>
313 |                             <td>Blue</td>
314 |                             <td>2000</td>
315 |                             <td>2000</td>
316 |                             <td>Ford</td>
317 |                             <td>Escort</td>
318 |                             <td>Blue</td>
319 |                             <td>2000</td>
320 |                             <td>2000</td>
321 |                             <td>Ford</td>
322 |                             <td>Escort</td>
323 |                             <td>Blue</td>
324 |                             <td>2000</td>
325 | 
326 |                         </tr>
327 |                         <tr>
328 |                             <td class="sticky-cell">Ford</td>
329 |                             <td>Escort</td>
330 |                             <td>Blue</td>
331 |                             <td>2000</td>
332 |                             <td>Ford</td>
333 |                             <td>Escort</td>
334 |                             <td>Blue</td>
335 |                             <td>2000</td>
336 |                             <td>Ford</td>
337 |                             <td>Escort</td>
338 |                             <td>Blue</td>
339 |                             <td>2000</td>
340 |                             <td>2000</td>
341 |                             <td>Ford</td>
342 |                             <td>Escort</td>
343 |                             <td>Blue</td>
344 |                             <td>2000</td>
345 |                             <td>2000</td>
346 |                             <td>Ford</td>
347 |                             <td>Escort</td>
348 |                             <td>Blue</td>
349 |                             <td>2000</td>
350 |                             <td>2000</td>
351 |                             <td>Ford</td>
352 |                             <td>Escort</td>
353 |                             <td>Blue</td>
354 |                             <td>2000</td>
355 |                             <td>2000</td>
356 |                             <td>Ford</td>
357 |                             <td>Escort</td>
358 |                             <td>Blue</td>
359 |                             <td>2000</td>
360 |                             <td>2000</td>
361 |                             <td>Ford</td>
362 |                             <td>Escort</td>
363 |                             <td>Blue</td>
364 |                             <td>2000</td>
365 | 
366 |                         </tr>
367 |                         <tr>
368 |                             <td class="sticky-cell">Ford</td>
369 |                             <td>Escort</td>
370 |                             <td>Blue</td>
371 |                             <td>2000</td>
372 |                             <td>Ford</td>
373 |                             <td>Escort</td>
374 |                             <td>Blue</td>
375 |                             <td>2000</td>
376 |                             <td>Ford</td>
377 |                             <td>Escort</td>
378 |                             <td>Blue</td>
379 |                             <td>2000</td>
380 |                             <td>2000</td>
381 |                             <td>Ford</td>
382 |                             <td>Escort</td>
383 |                             <td>Blue</td>
384 |                             <td>2000</td>
385 |                             <td>2000</td>
386 |                             <td>Ford</td>
387 |                             <td>Escort</td>
388 |                             <td>Blue</td>
389 |                             <td>2000</td>
390 |                             <td>2000</td>
391 |                             <td>Ford</td>
392 |                             <td>Escort</td>
393 |                             <td>Blue</td>
394 |                             <td>2000</td>
395 |                             <td>2000</td>
396 |                             <td>Ford</td>
397 |                             <td>Escort</td>
398 |                             <td>Blue</td>
399 |                             <td>2000</td>
400 |                             <td>2000</td>
401 |                             <td>Ford</td>
402 |                             <td>Escort</td>
403 |                             <td>Blue</td>
404 |                             <td>2000</td>
405 | 
406 |                         </tr>
407 |                         <tr>
408 |                             <td class="sticky-cell">Ford</td>
409 |                             <td>Escort</td>
410 |                             <td>Blue</td>
411 |                             <td>2000</td>
412 |                             <td>Ford</td>
413 |                             <td>Escort</td>
414 |                             <td>Blue</td>
415 |                             <td>2000</td>
416 |                             <td>Ford</td>
417 |                             <td>Escort</td>
418 |                             <td>Blue</td>
419 |                             <td>2000</td>
420 |                             <td>2000</td>
421 |                             <td>Ford</td>
422 |                             <td>Escort</td>
423 |                             <td>Blue</td>
424 |                             <td>2000</td>
425 |                             <td>2000</td>
426 |                             <td>Ford</td>
427 |                             <td>Escort</td>
428 |                             <td>Blue</td>
429 |                             <td>2000</td>
430 |                             <td>2000</td>
431 |                             <td>Ford</td>
432 |                             <td>Escort</td>
433 |                             <td>Blue</td>
434 |                             <td>2000</td>
435 |                             <td>2000</td>
436 |                             <td>Ford</td>
437 |                             <td>Escort</td>
438 |                             <td>Blue</td>
439 |                             <td>2000</td>
440 |                             <td>2000</td>
441 |                             <td>Ford</td>
442 |                             <td>Escort</td>
443 |                             <td>Blue</td>
444 |                             <td>2000</td>
445 | 
446 |                         </tr>
447 |                         <tr>
448 |                             <td class="sticky-cell">Ford</td>
449 |                             <td>Escort</td>
450 |                             <td>Blue</td>
451 |                             <td>2000</td>
452 |                             <td>Ford</td>
453 |                             <td>Escort</td>
454 |                             <td>Blue</td>
455 |                             <td>2000</td>
456 |                             <td>Ford</td>
457 |                             <td>Escort</td>
458 |                             <td>Blue</td>
459 |                             <td>2000</td>
460 |                             <td>2000</td>
461 |                             <td>Ford</td>
462 |                             <td>Escort</td>
463 |                             <td>Blue</td>
464 |                             <td>2000</td>
465 |                             <td>2000</td>
466 |                             <td>Ford</td>
467 |                             <td>Escort</td>
468 |                             <td>Blue</td>
469 |                             <td>2000</td>
470 |                             <td>2000</td>
471 |                             <td>Ford</td>
472 |                             <td>Escort</td>
473 |                             <td>Blue</td>
474 |                             <td>2000</td>
475 |                             <td>2000</td>
476 |                             <td>Ford</td>
477 |                             <td>Escort</td>
478 |                             <td>Blue</td>
479 |                             <td>2000</td>
480 |                             <td>2000</td>
481 |                             <td>Ford</td>
482 |                             <td>Escort</td>
483 |                             <td>Blue</td>
484 |                             <td>2000</td>
485 | 
486 |                         </tr>
487 |                         <tr>
488 |                             <td class="sticky-cell">Ford</td>
489 |                             <td>Escort</td>
490 |                             <td>Blue</td>
491 |                             <td>2000</td>
492 |                             <td>Ford</td>
493 |                             <td>Escort</td>
494 |                             <td>Blue</td>
495 |                             <td>2000</td>
496 |                             <td>Ford</td>
497 |                             <td>Escort</td>
498 |                             <td>Blue</td>
499 |                             <td>2000</td>
500 |                             <td>2000</td>
501 |                             <td>Ford</td>
502 |                             <td>Escort</td>
503 |                             <td>Blue</td>
504 |                             <td>2000</td>
505 |                             <td>2000</td>
506 |                             <td>Ford</td>
507 |                             <td>Escort</td>
508 |                             <td>Blue</td>
509 |                             <td>2000</td>
510 |                             <td>2000</td>
511 |                             <td>Ford</td>
512 |                             <td>Escort</td>
513 |                             <td>Blue</td>
514 |                             <td>2000</td>
515 |                             <td>2000</td>
516 |                             <td>Ford</td>
517 |                             <td>Escort</td>
518 |                             <td>Blue</td>
519 |                             <td>2000</td>
520 |                             <td>2000</td>
521 |                             <td>Ford</td>
522 |                             <td>Escort</td>
523 |                             <td>Blue</td>
524 |                             <td>2000</td>
525 | 
526 |                         </tr>
527 |                         <tr>
528 |                             <td class="sticky-cell">Ford</td>
529 |                             <td>Escort</td>
530 |                             <td>Blue</td>
531 |                             <td>2000</td>
532 |                             <td>Ford</td>
533 |                             <td>Escort</td>
534 |                             <td>Blue</td>
535 |                             <td>2000</td>
536 |                             <td>Ford</td>
537 |                             <td>Escort</td>
538 |                             <td>Blue</td>
539 |                             <td>2000</td>
540 |                             <td>2000</td>
541 |                             <td>Ford</td>
542 |                             <td>Escort</td>
543 |                             <td>Blue</td>
544 |                             <td>2000</td>
545 |                             <td>2000</td>
546 |                             <td>Ford</td>
547 |                             <td>Escort</td>
548 |                             <td>Blue</td>
549 |                             <td>2000</td>
550 |                             <td>2000</td>
551 |                             <td>Ford</td>
552 |                             <td>Escort</td>
553 |                             <td>Blue</td>
554 |                             <td>2000</td>
555 |                             <td>2000</td>
556 |                             <td>Ford</td>
557 |                             <td>Escort</td>
558 |                             <td>Blue</td>
559 |                             <td>2000</td>
560 |                             <td>2000</td>
561 |                             <td>Ford</td>
562 |                             <td>Escort</td>
563 |                             <td>Blue</td>
564 |                             <td>2000</td>
565 | 
566 |                         </tr>
567 |                         <tr>
568 |                             <td class="sticky-cell">Ford</td>
569 |                             <td>Escort</td>
570 |                             <td>Blue</td>
571 |                             <td>2000</td>
572 |                             <td>Ford</td>
573 |                             <td>Escort</td>
574 |                             <td>Blue</td>
575 |                             <td>2000</td>
576 |                             <td>Ford</td>
577 |                             <td>Escort</td>
578 |                             <td>Blue</td>
579 |                             <td>2000</td>
580 |                             <td>2000</td>
581 |                             <td>Ford</td>
582 |                             <td>Escort</td>
583 |                             <td>Blue</td>
584 |                             <td>2000</td>
585 |                             <td>2000</td>
586 |                             <td>Ford</td>
587 |                             <td>Escort</td>
588 |                             <td>Blue</td>
589 |                             <td>2000</td>
590 |                             <td>2000</td>
591 |                             <td>Ford</td>
592 |                             <td>Escort</td>
593 |                             <td>Blue</td>
594 |                             <td>2000</td>
595 |                             <td>2000</td>
596 |                             <td>Ford</td>
597 |                             <td>Escort</td>
598 |                             <td>Blue</td>
599 |                             <td>2000</td>
600 |                             <td>2000</td>
601 |                             <td>Ford</td>
602 |                             <td>Escort</td>
603 |                             <td>Blue</td>
604 |                             <td>2000</td>
605 | 
606 |                         </tr>
607 |                         <tr>
608 |                             <td class="sticky-cell">Ford</td>
609 |                             <td>Escort</td>
610 |                             <td>Blue</td>
611 |                             <td>2000</td>
612 |                             <td>Ford</td>
613 |                             <td>Escort</td>
614 |                             <td>Blue</td>
615 |                             <td>2000</td>
616 |                             <td>Ford</td>
617 |                             <td>Escort</td>
618 |                             <td>Blue</td>
619 |                             <td>2000</td>
620 |                             <td>2000</td>
621 |                             <td>Ford</td>
622 |                             <td>Escort</td>
623 |                             <td>Blue</td>
624 |                             <td>2000</td>
625 |                             <td>2000</td>
626 |                             <td>Ford</td>
627 |                             <td>Escort</td>
628 |                             <td>Blue</td>
629 |                             <td>2000</td>
630 |                             <td>2000</td>
631 |                             <td>Ford</td>
632 |                             <td>Escort</td>
633 |                             <td>Blue</td>
634 |                             <td>2000</td>
635 |                             <td>2000</td>
636 |                             <td>Ford</td>
637 |                             <td>Escort</td>
638 |                             <td>Blue</td>
639 |                             <td>2000</td>
640 |                             <td>2000</td>
641 |                             <td>Ford</td>
642 |                             <td>Escort</td>
643 |                             <td>Blue</td>
644 |                             <td>2000</td>
645 | 
646 |                         </tr>
647 |                         <tr>
648 |                             <td class="sticky-cell">Ford</td>
649 |                             <td>Escort</td>
650 |                             <td>Blue</td>
651 |                             <td>2000</td>
652 |                             <td>Ford</td>
653 |                             <td>Escort</td>
654 |                             <td>Blue</td>
655 |                             <td>2000</td>
656 |                             <td>Ford</td>
657 |                             <td>Escort</td>
658 |                             <td>Blue</td>
659 |                             <td>2000</td>
660 |                             <td>2000</td>
661 |                             <td>Ford</td>
662 |                             <td>Escort</td>
663 |                             <td>Blue</td>
664 |                             <td>2000</td>
665 |                             <td>2000</td>
666 |                             <td>Ford</td>
667 |                             <td>Escort</td>
668 |                             <td>Blue</td>
669 |                             <td>2000</td>
670 |                             <td>2000</td>
671 |                             <td>Ford</td>
672 |                             <td>Escort</td>
673 |                             <td>Blue</td>
674 |                             <td>2000</td>
675 |                             <td>2000</td>
676 |                             <td>Ford</td>
677 |                             <td>Escort</td>
678 |                             <td>Blue</td>
679 |                             <td>2000</td>
680 |                             <td>2000</td>
681 |                             <td>Ford</td>
682 |                             <td>Escort</td>
683 |                             <td>Blue</td>
684 |                             <td>2000</td>
685 | 
686 |                         </tr>
687 | 
688 | 
689 |                     </tbody>
690 |                 </table>
691 |             </div>


--------------------------------------------------------------------------------
/jquery.stickytable.css:
--------------------------------------------------------------------------------
 1 | .sticky-table {
 2 |     max-width: 100%;
 3 |     max-height: 80vh;
 4 |     overflow: auto;
 5 |     border-top: 1px solid #ddd;
 6 |     border-bottom: 1px solid #ddd;
 7 |     padding: 0 !important;
 8 |     transition: width 2s;
 9 | }
10 | 
11 | .sticky-table, .sticky-table * {
12 |     -webkit-transition: all 0s;
13 |     -moz-transition: all 0s;
14 |     -o-transition: all 0s;
15 |     transition: all 0s;
16 | }
17 | 
18 | .sticky-table table {
19 |     margin-bottom: 0;
20 |     width: 100%;
21 |     max-width: 100%;
22 |     border-spacing: 0;
23 |     padding: 0 !important;
24 |     border-collapse: collapse;
25 | }
26 | 
27 | .sticky-table table tr.sticky-header th, .sticky-table table tr.sticky-header td,
28 | .sticky-table table tr.sticky-footer th, .sticky-table table tr.sticky-footer td {
29 |     background-color: #fff;
30 |     border-top: 0;
31 |     position: relative;
32 |     position: -webkit-sticky;
33 |     position: -ms-sticky;
34 |     position: sticky;
35 |     outline: 1px solid #ddd;
36 |     z-index: 5;
37 | }
38 | .sticky-table table tr.sticky-header th, .sticky-table table tr.sticky-header td {
39 |     top: 0;
40 | }
41 | .sticky-table table tr.sticky-footer th, .sticky-table table tr.sticky-footer td {
42 |     bottom: 0;
43 | }
44 | 
45 | .sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell,
46 | .sticky-table table td.sticky-cell-opposite, .sticky-table table th.sticky-cell-opposite {
47 |     background-color: #fff;
48 |     outline: 1px solid #ddd;
49 |     position: relative;
50 |     position: -webkit-sticky;
51 |     position: -ms-sticky;
52 |     position: sticky;
53 |     z-index: 10;
54 | }
55 | .sticky-table.sticky-ltr-cells table td.sticky-cell, .sticky-table.sticky-ltr-cells table th.sticky-cell,
56 | .sticky-table.sticky-rtl-cells table td.sticky-cell-opposite, .sticky-table.sticky-rtl-cells table th.sticky-cell-opposite {
57 |     left: 0
58 | }
59 | .sticky-table.sticky-rtl-cells table td.sticky-cell, .sticky-table.sticky-rtl-cells table th.sticky-cell,
60 | .sticky-table.sticky-ltr-cells table td.sticky-cell-opposite, .sticky-table.sticky-ltr-cells table th.sticky-cell-opposite {
61 |     right: 0
62 | }
63 | 
64 | .sticky-table table tr.sticky-header td.sticky-cell, .sticky-table table tr.sticky-header th.sticky-cell,
65 | .sticky-table table tr.sticky-header td.sticky-cell-opposite, .sticky-table table tr.sticky-header th.sticky-cell-opposite,
66 | .sticky-table table tr.sticky-footer td.sticky-cell, .sticky-table table tr.sticky-footer th.sticky-cell,
67 | .sticky-table table tr.sticky-footer td.sticky-cell-opposite, .sticky-table table tr.sticky-footer th.sticky-cell-opposite {
68 |     z-index: 15;
69 | }
70 | 


--------------------------------------------------------------------------------
/jquery.stickytable.js:
--------------------------------------------------------------------------------
  1 | jQuery(document).on('stickyTable', function() {
  2 |     var positionStickySupport = (function() {
  3 |         var el = document.createElement('a'),
  4 |             mStyle = el.style;
  5 |         mStyle.cssText = "position:sticky;position:-webkit-sticky;position:-ms-sticky;";
  6 |         return mStyle.position.indexOf('sticky')!==-1;
  7 |     })();
  8 | 
  9 |     var scrollTypeRTL = (function() {
 10 |         var definer = $('<div dir="rtl" style="font-size: 14px; width: 4px; height: 1px; position: absolute; top: -1000px; overflow: scroll">ABCD</div>').appendTo('body')[0],
 11 |             scrollTypeRTL = 'reverse';
 12 | 
 13 |         if (definer.scrollLeft > 0) {
 14 |             scrollTypeRTL = 'default';
 15 |         } else {
 16 |             definer.scrollLeft = 1;
 17 |             if (definer.scrollLeft === 0) {
 18 |                 scrollTypeRTL = 'negative';
 19 |             }
 20 |         }
 21 |         $(definer).remove();
 22 |         return scrollTypeRTL;
 23 |     })();
 24 | 
 25 |     if(positionStickySupport) {
 26 |         var offset = 0;
 27 |         $(".sticky-table").each( function () {
 28 |             offset = 0;
 29 |             $(this).find("table tr.sticky-header").each( function () {
 30 |                 $(this).find("th").css('top', offset);
 31 |                 $(this).find("td").css('top', offset);
 32 |                 offset += $(this).outerHeight();
 33 |             })
 34 | 
 35 |             offset = 0;
 36 |             $($(this).find("table tr.sticky-footer").get().reverse()).each( function () {
 37 |                 $(this).find("th").css('bottom', offset);
 38 |                 $(this).find("td").css('bottom', offset);
 39 |                 offset += $(this).outerHeight();
 40 |             })
 41 |         })
 42 | 
 43 |         $(".sticky-ltr-cells table tr").each( function () {
 44 |             offset = 0;
 45 |             $(this).find(".sticky-cell").each( function () {
 46 |                 $(this).css('left', offset);
 47 |                 offset += $(this).outerWidth();
 48 |             })
 49 | 
 50 |             offset = 0;
 51 |             $($(this).find(".sticky-cell-opposite").get().reverse()).each( function () {
 52 |                 $(this).css('right', offset);
 53 |                 offset += $(this).outerWidth();
 54 |             })
 55 |         })
 56 |     } else {
 57 |         if(navigator.userAgent.match(/Trident\/7\./)) {
 58 |             $('.sticky-table').on("mousewheel", function (event) {
 59 |                 event.preventDefault();
 60 |                 var wd = event.originalEvent.wheelDelta;
 61 |                 var csp = $(this).scrollTop();
 62 |                 $(this).scrollTop(csp - wd);
 63 |             });
 64 |         }
 65 | 
 66 |         $(".sticky-table").scroll(function() {
 67 |             $(this).find("table tr.sticky-header th").css('top', $(this).scrollTop());
 68 |             $(this).find("table tr.sticky-header td").css('top', $(this).scrollTop());
 69 |             var maxScroll = $(this).find("table").prop("clientHeight") - $(this).prop("clientHeight");
 70 |             $(this).find("table tr.sticky-footer th").css('bottom', maxScroll - $(this).scrollTop());
 71 |             $(this).find("table tr.sticky-footer td").css('bottom', maxScroll - $(this).scrollTop());
 72 |         }).scroll();
 73 | 
 74 |         $(".sticky-ltr-cells").scroll(function() {
 75 |             $(this).find("table th.sticky-cell").css('left', $(this).scrollLeft());
 76 |             $(this).find("table td.sticky-cell").css('left', $(this).scrollLeft());
 77 |             var maxScroll = $(this).find("table").prop("clientWidth") - $(this).prop("clientWidth");
 78 |             $(this).find("table th.sticky-cell-opposite").css('right', maxScroll - $(this).scrollLeft());
 79 |             $(this).find("table td.sticky-cell-opposite").css('right', maxScroll - $(this).scrollLeft());
 80 |         }).scroll();
 81 |     }
 82 |     if($(".sticky-rtl-cells").length && !(positionStickySupport && scrollTypeRTL == 'negative')) {
 83 |         if(positionStickySupport) {
 84 |             $(".sticky-rtl-cells table th.sticky-cell").css('position', "relative");
 85 |             $(".sticky-rtl-cells table td.sticky-cell").css('position', "relative");
 86 |             $(".sticky-rtl-cells table th.sticky-cell-opposite").css('position', "relative");
 87 |             $(".sticky-rtl-cells table td.sticky-cell-opposite").css('position', "relative");
 88 | 
 89 |             $(".sticky-table").scroll(function() {
 90 |                 $(this).find("table tr.sticky-header .sticky-cell").css('top', $(this).scrollTop());
 91 |                 $(this).find("table tr.sticky-header .sticky-cell-opposite").css('top', $(this).scrollTop());
 92 |                 var maxScroll = $(this).find("table").prop("clientHeight") - $(this).prop("clientHeight");
 93 |                 $(this).find("table tr.sticky-footer .sticky-cell").css('bottom', maxScroll - $(this).scrollTop());
 94 |                 $(this).find("table tr.sticky-footer .sticky-cell-opposite").css('bottom', maxScroll - $(this).scrollTop());
 95 |             }).scroll();
 96 |         }
 97 |         $(".sticky-rtl-cells").scroll(function() {
 98 |             var maxScroll = $(this).find("table").prop("clientWidth") - $(this).prop("clientWidth");
 99 |             switch(scrollTypeRTL) {
100 |                 case "default": // webKit Browsers
101 |                     $(this).find("table th.sticky-cell").css('right', maxScroll - $(this).scrollLeft());
102 |                     $(this).find("table td.sticky-cell").css('right', maxScroll - $(this).scrollLeft());
103 |                     $(this).find("table th.sticky-cell-opposite").css('left', $(this).scrollLeft());
104 |                     $(this).find("table td.sticky-cell-opposite").css('left', $(this).scrollLeft());
105 |                     break;
106 |                 case "negative": // Firefox, Opera
107 |                     $(this).find("table th.sticky-cell").css('right', $(this).scrollLeft() * -1);
108 |                     $(this).find("table td.sticky-cell").css('right', $(this).scrollLeft() * -1);
109 |                     $(this).find("table th.sticky-cell-opposite").css('left', maxScroll + $(this).scrollLeft());
110 |                     $(this).find("table td.sticky-cell-opposite").css('left', maxScroll + $(this).scrollLeft());
111 |                     break;
112 |                 case "reverse": // IE, Edge
113 |                     $(this).find("table th.sticky-cell").css('right', $(this).scrollLeft());
114 |                     $(this).find("table td.sticky-cell").css('right', $(this).scrollLeft());
115 |                     $(this).find("table th.sticky-cell-opposite").css('left', maxScroll - $(this).scrollLeft());
116 |                     $(this).find("table td.sticky-cell-opposite").css('left', maxScroll - $(this).scrollLeft());
117 |             }
118 |         }).scroll();
119 |     }
120 | 
121 |     $( window ).resize(function() {
122 |         $(".sticky-table").scroll();
123 |     });
124 | 
125 | });
126 | $( document ).ready(function(){
127 |     $( document ).trigger( "stickyTable" );
128 | });
129 | 
130 | 


--------------------------------------------------------------------------------
/jquery.stickytable.min.css:
--------------------------------------------------------------------------------
1 | .sticky-table,.sticky-table table{max-width:100%;padding:0!important}.sticky-table{max-height:80vh;overflow:auto;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.sticky-table,.sticky-table *{-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.sticky-table table{margin-bottom:0;width:100%;border-spacing:0;border-collapse:collapse}.sticky-table table tr.sticky-footer td,.sticky-table table tr.sticky-footer th,.sticky-table table tr.sticky-header td,.sticky-table table tr.sticky-header th{background-color:#fff;border-top:0;position:relative;position:-webkit-sticky;position:-ms-sticky;position:sticky;outline:#ddd solid 1px;z-index:5}.sticky-table table tr.sticky-header td,.sticky-table table tr.sticky-header th{top:0}.sticky-table table tr.sticky-footer td,.sticky-table table tr.sticky-footer th{bottom:0}.sticky-table table td.sticky-cell,.sticky-table table td.sticky-cell-opposite,.sticky-table table th.sticky-cell,.sticky-table table th.sticky-cell-opposite{background-color:#fff;outline:#ddd solid 1px;position:relative;position:-webkit-sticky;position:-ms-sticky;position:sticky;z-index:10}.sticky-table.sticky-ltr-cells table td.sticky-cell,.sticky-table.sticky-ltr-cells table th.sticky-cell,.sticky-table.sticky-rtl-cells table td.sticky-cell-opposite,.sticky-table.sticky-rtl-cells table th.sticky-cell-opposite{left:0}.sticky-table.sticky-ltr-cells table td.sticky-cell-opposite,.sticky-table.sticky-ltr-cells table th.sticky-cell-opposite,.sticky-table.sticky-rtl-cells table td.sticky-cell,.sticky-table.sticky-rtl-cells table th.sticky-cell{right:0}.sticky-table table tr.sticky-footer td.sticky-cell,.sticky-table table tr.sticky-footer td.sticky-cell-opposite,.sticky-table table tr.sticky-footer th.sticky-cell,.sticky-table table tr.sticky-footer th.sticky-cell-opposite,.sticky-table table tr.sticky-header td.sticky-cell,.sticky-table table tr.sticky-header td.sticky-cell-opposite,.sticky-table table tr.sticky-header th.sticky-cell,.sticky-table table tr.sticky-header th.sticky-cell-opposite{z-index:15}


--------------------------------------------------------------------------------
/jquery.stickytable.min.js:
--------------------------------------------------------------------------------
1 | jQuery(document).on("stickyTable",function(){var t,s=((t=document.createElement("a").style).cssText="position:sticky;position:-webkit-sticky;position:-ms-sticky;",-1!==t.position.indexOf("sticky")),i=function(){var t=$('<div dir="rtl" style="font-size: 14px; width: 4px; height: 1px; position: absolute; top: -1000px; overflow: scroll">ABCD</div>').appendTo("body")[0],s="reverse";return t.scrollLeft>0?s="default":(t.scrollLeft=1,0===t.scrollLeft&&(s="negative")),$(t).remove(),s}();if(s){var e=0;$(".sticky-table").each(function(){e=0,$(this).find("table tr.sticky-header").each(function(){$(this).find("th").css("top",e),$(this).find("td").css("top",e),e+=$(this).outerHeight()}),e=0,$($(this).find("table tr.sticky-footer").get().reverse()).each(function(){$(this).find("th").css("bottom",e),$(this).find("td").css("bottom",e),e+=$(this).outerHeight()})}),$(".sticky-ltr-cells table tr").each(function(){e=0,$(this).find(".sticky-cell").each(function(){$(this).css("left",e),e+=$(this).outerWidth()}),e=0,$($(this).find(".sticky-cell-opposite").get().reverse()).each(function(){$(this).css("right",e),e+=$(this).outerWidth()})})}else navigator.userAgent.match(/Trident\/7\./)&&$(".sticky-table").on("mousewheel",function(t){t.preventDefault();var s=t.originalEvent.wheelDelta,i=$(this).scrollTop();$(this).scrollTop(i-s)}),$(".sticky-table").scroll(function(){$(this).find("table tr.sticky-header th").css("top",$(this).scrollTop()),$(this).find("table tr.sticky-header td").css("top",$(this).scrollTop());var t=$(this).find("table").prop("clientHeight")-$(this).prop("clientHeight");$(this).find("table tr.sticky-footer th").css("bottom",t-$(this).scrollTop()),$(this).find("table tr.sticky-footer td").css("bottom",t-$(this).scrollTop())}).scroll(),$(".sticky-ltr-cells").scroll(function(){$(this).find("table th.sticky-cell").css("left",$(this).scrollLeft()),$(this).find("table td.sticky-cell").css("left",$(this).scrollLeft());var t=$(this).find("table").prop("clientWidth")-$(this).prop("clientWidth");$(this).find("table th.sticky-cell-opposite").css("right",t-$(this).scrollLeft()),$(this).find("table td.sticky-cell-opposite").css("right",t-$(this).scrollLeft())}).scroll();!$(".sticky-rtl-cells").length||s&&"negative"==i||(s&&($(".sticky-rtl-cells table th.sticky-cell").css("position","relative"),$(".sticky-rtl-cells table td.sticky-cell").css("position","relative"),$(".sticky-rtl-cells table th.sticky-cell-opposite").css("position","relative"),$(".sticky-rtl-cells table td.sticky-cell-opposite").css("position","relative"),$(".sticky-table").scroll(function(){$(this).find("table tr.sticky-header .sticky-cell").css("top",$(this).scrollTop()),$(this).find("table tr.sticky-header .sticky-cell-opposite").css("top",$(this).scrollTop());var t=$(this).find("table").prop("clientHeight")-$(this).prop("clientHeight");$(this).find("table tr.sticky-footer .sticky-cell").css("bottom",t-$(this).scrollTop()),$(this).find("table tr.sticky-footer .sticky-cell-opposite").css("bottom",t-$(this).scrollTop())}).scroll()),$(".sticky-rtl-cells").scroll(function(){var t=$(this).find("table").prop("clientWidth")-$(this).prop("clientWidth");switch(i){case"default":$(this).find("table th.sticky-cell").css("right",t-$(this).scrollLeft()),$(this).find("table td.sticky-cell").css("right",t-$(this).scrollLeft()),$(this).find("table th.sticky-cell-opposite").css("left",$(this).scrollLeft()),$(this).find("table td.sticky-cell-opposite").css("left",$(this).scrollLeft());break;case"negative":$(this).find("table th.sticky-cell").css("right",-1*$(this).scrollLeft()),$(this).find("table td.sticky-cell").css("right",-1*$(this).scrollLeft()),$(this).find("table th.sticky-cell-opposite").css("left",t+$(this).scrollLeft()),$(this).find("table td.sticky-cell-opposite").css("left",t+$(this).scrollLeft());break;case"reverse":$(this).find("table th.sticky-cell").css("right",$(this).scrollLeft()),$(this).find("table td.sticky-cell").css("right",$(this).scrollLeft()),$(this).find("table th.sticky-cell-opposite").css("left",t-$(this).scrollLeft()),$(this).find("table td.sticky-cell-opposite").css("left",t-$(this).scrollLeft())}}).scroll()),$(window).resize(function(){$(".sticky-table").scroll()})}),$(document).ready(function(){$(document).trigger("stickyTable")});


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jquery-sticky-table-plugin",
 3 |   "version": "1.0.0",
 4 |   "lockfileVersion": 1,
 5 |   "requires": true,
 6 |   "dependencies": {
 7 |     "jquery": {
 8 |       "version": "3.5.1",
 9 |       "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
10 |       "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
11 |     }
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jquery-sticky-table-plugin",
 3 |   "version": "1.0.0",
 4 |   "description": "jquery.stickytable is a lightweight plugin to help developers have fixed rows or columns in a `<table>` using CSS classes only",
 5 |   "main": "jquery.stickytable.js",
 6 |   "directories": {
 7 |     "example": "examples"
 8 |   },
 9 |   "scripts": {
10 |     "test": "echo \"No tests specified\""
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "git+https://github.com/armaaar/JQuery-Sticky-Table.git"
15 |   },
16 |   "keywords": [
17 |     "jquery",
18 |     "table",
19 |     "stick",
20 |     "sticky",
21 |     "header",
22 |     "column"
23 |   ],
24 |   "author": "Ahmed Rafik Ibrahim",
25 |   "license": "MIT",
26 |   "bugs": {
27 |     "url": "https://github.com/armaaar/JQuery-Sticky-Table/issues"
28 |   },
29 |   "homepage": "https://github.com/armaaar/JQuery-Sticky-Table#readme",
30 |   "dependencies": {
31 |     "jquery": "^3.5.1"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------