v0.9.1

CHANGELOG.md

@@ -1,13 +1,31 @@
 bs_grid
 =======
 
-Bootstrap Datagrid jQuery plugin
+bs_grid is a jQuery Datagrid plugin, based on Twitter Bootstrap.
 
-Project page (SOON): [https://www.pontikis.net/labs/bs_grid][HOME]
+Project page: [https://www.pontikis.net/labs/bs_grid][HOME]
 [HOME]: http://www.pontikis.net/labs/bs_grid
 
 Copyright Christos Pontikis [http://www.pontikis.net][copyright]
 [copyright]: http://www.pontikis.net
 
 License [MIT][mit]
 [mit]: https://raw.github.com/pontikis/bs_grid/master/MIT_LICENSE
+
+Release 0.9.1 (09 May 2014)
+---------------------------
+* Created for Bootstrap 3 (Bootstrap 2 supported)
+* Responsive web design
+* Fully configurable
+* Get data in JSON format using AJAX (any server-side technology)
+* A php class is provided for server side operations
+* Change columns order
+* Show/hide columns
+* Style columns
+* Simple column sorting with a click
+* Flexible data sorting (multi-column)
+* Single or multiple row selection
+* Powerful pagination
+* Powerful filters (Query builder)
+* Multiple instances in same page
+* Localization

MIT_LICENSE

@@ -1,4 +1,4 @@
-Copyright (c) 2014 Christos Pontikis, http://pontikis.net
+Copyright (c) 2014 Christos Pontikis, http://www.pontikis.net
 
 Permission is hereby granted, free of charge, to any person obtaining
 a copy of this software and associated documentation files (the

README.md

@@ -1,10 +1,45 @@
-Bootstrap Datagrid jQuery plugin
+bs_grid
+=======
 
-Project page (SOON): [https://www.pontikis.net/labs/bs_grid][HOME]
-[HOME]: http://www.pontikis.net/labs/bs_grid
+bs_grid is a jQuery Datagrid plugin, based on Twitter Bootstrap.
 
 Copyright Christos Pontikis [http://www.pontikis.net][copyright]
 [copyright]: http://www.pontikis.net
 
 License [MIT][mit]
-[mit]: https://raw.github.com/pontikis/bs_grid/master/MIT_LICENSE
+[mit]: https://raw.github.com/pontikis/bs_grid/master/MIT_LICENSE
+
+Release: 0.9.1 (09 May 2014) - View CHANGELOG [here][CHANGELOG]
+[CHANGELOG]: https://raw.github.com/pontikis/bs_grid/master/CHANGELOG.md
+
+
+Project page
+-----------
+[http://www.pontikis.net/labs/bs_grid][HOME]
+[HOME]: http://www.pontikis.net/labs/bs_grid
+
+Demo
+----
+[http://www.pontikis.net/labs/bs_grid/demo][DEMO]
+[DEMO]: http://www.pontikis.net/labs/bs_grid/demo
+
+Documentation
+-------------
+[http://www.pontikis.net/labs/bs_grid/docs][DOCS]
+[DOCS]: http://www.pontikis.net/labs/bs_grid/docs
+
+Support Forum
+-------------
+[http://www.pontikis.net/bbs][FORUM]
+[FORUM]: http://www.pontikis.net/bbs
+
+Download
+--------
+Download [here][DOWNLOAD]
+[DOWNLOAD]: https://github.com/pontikis/bs_grid/archive/master.zip
+
+
+SCREENSHOTS
+-----------
+![bs_grid sample1][sample1]
+[sample1]: https://raw.github.com/pontikis/bs_grid/master/screenshots/sample1.png

jquery.bs_grid.bs2.css

@@ -0,0 +1,118 @@
+/*
+DO NOT CHANGE this file, as it will be overwritten in next update.
+Write your own classes in other css file.
+*/
+
+.tools {
+    height: 32px;
+}
+
+.col-checkbox {
+    margin-top: 0 !important;
+}
+
+.columns-label {
+    margin-top: 3px;
+    margin-bottom: 3px;
+    font-weight: normal;
+}
+
+.columns-li-padding {
+    padding: 3px 20px;
+}
+
+.sorting-name {
+    display: inline-block;
+    padding-left: 20px;
+    margin-top: 3px;
+    margin-bottom: 3px;
+    vertical-align: middle;
+    padding-top: 5px;
+}
+
+.selected-rows {
+    margin-left: 5px;
+    margin-right: 2px;
+    text-align: right;
+}
+
+.th-common {
+    cursor: pointer;
+}
+
+.no-records-found {
+    text-align: center;
+}
+
+.pagination-container {
+    padding: 7px 7px 5px 7px !important;
+}
+
+.filters-container {
+    padding: 0 7px 10px 7px !important;
+}
+
+.filters-button {
+    margin: 0 3px;
+}
+
+/* Large desktop */
+@media (min-width: 1200px) {
+}
+
+/* Portrait tablet to landscape and desktop */
+@media (min-width: 768px) and (max-width: 979px) {
+}
+
+/* Landscape phone to portrait tablet */
+@media (max-width: 767px) {
+    .table-responsive {
+        width: 100%;
+        margin-bottom: 15px;
+        overflow-x: scroll;
+        overflow-y: hidden;
+        -webkit-overflow-scrolling: touch;
+        -ms-overflow-style: -ms-autohiding-scrollbar;
+        border: 1px solid #ddd;
+    }
+    .table-responsive > .table {
+        margin-bottom: 0;
+    }
+    .table-responsive > .table > thead > tr > th,
+    .table-responsive > .table > tbody > tr > th,
+    .table-responsive > .table > tfoot > tr > th,
+    .table-responsive > .table > thead > tr > td,
+    .table-responsive > .table > tbody > tr > td,
+    .table-responsive > .table > tfoot > tr > td {
+        white-space: nowrap;
+    }
+    .table-responsive > .table-bordered {
+        border: 0;
+    }
+    .table-responsive > .table-bordered > thead > tr > th:first-child,
+    .table-responsive > .table-bordered > tbody > tr > th:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+    .table-responsive > .table-bordered > thead > tr > td:first-child,
+    .table-responsive > .table-bordered > tbody > tr > td:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+        border-left: 0;
+    }
+    .table-responsive > .table-bordered > thead > tr > th:last-child,
+    .table-responsive > .table-bordered > tbody > tr > th:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+    .table-responsive > .table-bordered > thead > tr > td:last-child,
+    .table-responsive > .table-bordered > tbody > tr > td:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+        border-right: 0;
+    }
+    .table-responsive > .table-bordered > tbody > tr:last-child > th,
+    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+    .table-responsive > .table-bordered > tbody > tr:last-child > td,
+    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+        border-bottom: 0;
+    }
+}
+
+/* Landscape phones and down */
+@media (max-width: 480px) {
+}

jquery.bs_grid.css

@@ -0,0 +1,74 @@
+/*
+DO NOT CHANGE this file, as it will be overwritten in next update.
+Write your own classes in other css file.
+*/
+
+/* bootstrap "xs": Extra small devices (phones, less than 768px) */
+/* No media query since this is the default in Bootstrap */
+
+.tools {
+    height: 38px;
+}
+
+.col-checkbox {
+    margin-top: 0 !important;
+}
+
+.columns-label {
+    margin-top: 3px;
+    margin-bottom: 3px;
+    font-weight: normal;
+}
+
+.columns-li-padding {
+    padding: 3px 20px;
+}
+
+.sorting-name {
+    display: inline-block;
+    padding-left: 20px;
+    margin-top: 3px;
+    margin-bottom: 3px;
+    vertical-align: middle;
+}
+
+.selected-rows {
+    margin-left: 5px;
+    margin-right: 2px;
+    text-align: right;
+}
+
+.th-common {
+    cursor: pointer;
+}
+
+.no-records-found {
+    text-align: center;
+}
+
+.pagination-container {
+    padding: 7px 7px 5px 7px !important;
+}
+
+.filters-container {
+    padding: 0 7px 10px 7px !important;
+}
+
+.filters-button {
+    margin: 0 3px;
+}
+
+/* bootstrap "sm": Small devices (tablets, 768px and up) */
+@media (min-width: 768px) {
+
+}
+
+/* bootstrap "md": Medium devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+
+}
+
+/* bootstrap "lg": Large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+
+}