jQuery FullTable Plugin Demonstration

├── jquery.fulltable.eot ├── jquery.fulltable.ttf ├── jquery.fulltable.woff ├── jquery.fulltable.woff2 ├── resources ├── jquery.fulltable.ttf ├── save.svg ├── edit.svg ├── remove.svg ├── add.svg ├── discard.svg ├── down_arrow.svg ├── left_arrow.svg ├── right_arrow.svg ├── up_arrow.svg └── jquery.fulltable.sfd ├── LICENSE ├── README.md ├── jquery.fulltable.svg ├── jquery.fulltable.css ├── jquery.fulltable.html └── jquery.fulltable.js /jquery.fulltable.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joseluisballesterosdelval/jquery-fulltable/HEAD/jquery.fulltable.eot -------------------------------------------------------------------------------- /jquery.fulltable.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joseluisballesterosdelval/jquery-fulltable/HEAD/jquery.fulltable.ttf -------------------------------------------------------------------------------- /jquery.fulltable.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joseluisballesterosdelval/jquery-fulltable/HEAD/jquery.fulltable.woff -------------------------------------------------------------------------------- /jquery.fulltable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joseluisballesterosdelval/jquery-fulltable/HEAD/jquery.fulltable.woff2 -------------------------------------------------------------------------------- /resources/jquery.fulltable.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/joseluisballesterosdelval/jquery-fulltable/HEAD/resources/jquery.fulltable.ttf -------------------------------------------------------------------------------- /resources/save.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 42 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 joseluisballesterosdelval 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 | -------------------------------------------------------------------------------- /resources/edit.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 44 | -------------------------------------------------------------------------------- /resources/remove.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 49 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # jquery-fulltable 2 | 3 | This plugin defines a function of JQuery API called FullTable, which enables both initializate and operate any table, rendering, in addition, all the DOMs needed to be controlled by user. 4 | 5 | ## Installation 6 | 7 | This requires jQuery 1.7.2+. Really, it has not been tested yet for older versions. Once the javascript code and stylesheet has been included in the page, and so as to initializate any table as FullTable, and supposing that this table can be queried by "#fulltable-test" selector, it is only needed to invoke: 8 | 9 | $("#fulltable-test").FullTable(); 10 | 11 | It should be noted that all class names and data keys used by this plugin starts by "fulltable-", so is highly recommended to avoid this kind of names in the environment where the plugin is running. 12 | 13 | :warning: **Pending of completion** 14 | 15 | ## How to Contribute 16 | 17 | Contributors are welcome! And we need your contributions to keep the project moving forward. You can [report bugs](https://github.com/joseluisballesterosdelval/jquery-fulltable/issues), improve the documentation, or [contribute code](https://github.com/joseluisballesterosdelval/jquery-fulltable/pulls). 18 | 19 | :warning: **Found an issue?** File it on [issue tracker](https://github.com/joseluisballesterosdelval/jquery-fulltable/issues). 20 | 21 | **Have a solution?** Send a [Pull Request](https://github.com/joseluisballesterosdelval/jquery-fulltable/pulls). 22 | 23 | **And don't forget to test and document your code.** 24 | 25 | 26 | -------------------------------------------------------------------------------- /resources/add.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 47 | -------------------------------------------------------------------------------- /resources/discard.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 53 | -------------------------------------------------------------------------------- /resources/down_arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 76 | -------------------------------------------------------------------------------- /resources/left_arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 76 | -------------------------------------------------------------------------------- /resources/right_arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 76 | -------------------------------------------------------------------------------- /resources/up_arrow.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 76 | -------------------------------------------------------------------------------- /jquery.fulltable.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 36 | -------------------------------------------------------------------------------- /jquery.fulltable.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'jquery.fulltable'; 3 | src: url('jquery.fulltable.eot'); 4 | src: url('jquery.fulltable.eot?#iefix') format('embedded-opentype'), 5 | url('jquery.fulltable.woff2') format('woff2'), 6 | url('jquery.fulltable.woff') format('woff'), 7 | url('jquery.fulltable.ttf') format('truetype'), 8 | url('jquery.fulltable.svg#jquery.fulltable') format('svg'); 9 | font-weight: normal; 10 | font-style: normal; 11 | } 12 | table.fulltable thead th { 13 | vertical-align: top; 14 | } 15 | table.fulltable span.fulltable-filter { 16 | position: relative; 17 | display: inline-block; 18 | overflow: hidden; 19 | box-sizing: border-box; 20 | padding: 0; 21 | } 22 | table.fulltable input, table.fulltable select { 23 | position:relative; 24 | 25 | width:100%!important; 26 | 27 | font-family: tahoma, arial, helvetica; 28 | font-size: 9pt; 29 | 30 | clear: both; 31 | float: left; 32 | margin: 6pt 0 !important; 33 | } 34 | table.fulltable input.checkbox { 35 | width: 13px!important; 36 | height: 13px!important; 37 | } 38 | table.fulltable th.fulltable-selection-control { 39 | width: 30px; 40 | } 41 | /*table.fulltable tr.fulltable-editing td.fulltable-selection-control input.checkbox { 42 | display:none; 43 | }*/ 44 | table.fulltable th.fulltable-selection-control, table.fulltable td.fulltable-selection-control { 45 | padding: 0 1em; 46 | width: 30px; 47 | } 48 | table.fulltable.fulltable-editable th.fulltable-edition-control { 49 | width: 70px; 50 | } 51 | table.fulltable.fulltable-editable th.fulltable-edition-control, table.fulltable.fulltable-editable td.fulltable-edition-control { 52 | padding: 0 1em; 53 | } 54 | table.fulltable.fulltable-editable input.invalid, table.fulltable.fulltable-editable select.invalid { 55 | border: solid 1px #FF3333; 56 | background-color:#FFEEEE; 57 | } 58 | table.fulltable thead th a.fulltable-sort { 59 | font-family: 'jquery.fulltable'; 60 | font-size: 9px; 61 | position: relative; 62 | left: 6px; 63 | top: 0px; 64 | display: inline-block; 65 | width: 9px; 66 | height: 9px; 67 | cursor: pointer; 68 | } 69 | table.fulltable thead th.fulltable-asc a.fulltable-sort-desc { 70 | display:none!important; 71 | } 72 | table.fulltable thead th.fulltable-desc a.fulltable-sort-asc { 73 | display:none!important; 74 | } 75 | table.fulltable.fulltable-editable td.fulltable-edition-control { 76 | white-space:nowrap; 77 | } 78 | table.fulltable.fulltable-editable td.fulltable-edition-control a { 79 | font-family:'jquery.fulltable'; 80 | font-size:16px; 81 | position:relative; 82 | display: inline-block; 83 | width:16px; 84 | height:16px; 85 | top:1px; 86 | line-height:16px; 87 | margin:0.5em; 88 | cursor:pointer; 89 | text-align:center; 90 | } 91 | table.fulltable.fulltable-editable td.fulltable-edition-control a.fulltable-create { 92 | display:none; 93 | } 94 | table.fulltable.fulltable-editable tr.fulltable-creating td.fulltable-edition-control a.fulltable-create { 95 | display:inline-block!important; 96 | } 97 | table.fulltable.fulltable-editable tr.fulltable-creating td.fulltable-edition-control a.fulltable-save { 98 | display:none!important; 99 | } 100 | table.fulltable.fulltable-editable tr.fulltable-editing td.fulltable-edition-control a.fulltable-edit, table.fulltable.fulltable-editable tr.fulltable-editing td.fulltable-edition-control a.fulltable-remove { 101 | display:none; 102 | } 103 | table.fulltable.fulltable-editable tr td.fulltable-edition-control a.fulltable-save, table.fulltable.fulltable-editable tr td.fulltable-edition-control a.fulltable-discard { 104 | display:none; 105 | } 106 | table.fulltable.fulltable-editable tr.fulltable-editing td.fulltable-edition-control a.fulltable-save, table.fulltable.fulltable-editable tr.fulltable-editing td.fulltable-edition-control a.fulltable-discard { 107 | display:inline-block; 108 | } -------------------------------------------------------------------------------- /jquery.fulltable.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | jQuery FullTable Plugin Demonstration 4 | 5 | 6 | 7 | 8 | 49 | 50 | 139 | 140 | 141 | + Add row 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 |

First name	Last name	Gender	Age	Height	Description
John	Smith	xy	23	1.72	Famous explorer
Peter	Pan	xy	10	1.60	Flyer boy who does not grow
Mary	Stevenson	xx	35	1.69	Unknown woman