diff --git a/versions/1.23.5/CNAME b/versions/1.23.5/CNAME new file mode 100644 index 0000000000..af9610cf7b --- /dev/null +++ b/versions/1.23.5/CNAME @@ -0,0 +1 @@ +bootstrap-table.com diff --git a/versions/1.23.5/LICENSE b/versions/1.23.5/LICENSE new file mode 100644 index 0000000000..58b8eb1d5f --- /dev/null +++ b/versions/1.23.5/LICENSE @@ -0,0 +1,319 @@ +Creative Commons Legal Code + +Attribution 3.0 Unported + + CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE + LEGAL SERVICES. DISTRIBUTION OF THIS LICENSE DOES NOT CREATE AN + ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS + INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES + REGARDING THE INFORMATION PROVIDED, AND DISCLAIMS LIABILITY FOR + DAMAGES RESULTING FROM ITS USE. + +License + +THE WORK (AS DEFINED BELOW) IS PROVIDED UNDER THE TERMS OF THIS CREATIVE +COMMONS PUBLIC LICENSE ("CCPL" OR "LICENSE"). THE WORK IS PROTECTED BY +COPYRIGHT AND/OR OTHER APPLICABLE LAW. ANY USE OF THE WORK OTHER THAN AS +AUTHORIZED UNDER THIS LICENSE OR COPYRIGHT LAW IS PROHIBITED. + +BY EXERCISING ANY RIGHTS TO THE WORK PROVIDED HERE, YOU ACCEPT AND AGREE +TO BE BOUND BY THE TERMS OF THIS LICENSE. TO THE EXTENT THIS LICENSE MAY +BE CONSIDERED TO BE A CONTRACT, THE LICENSOR GRANTS YOU THE RIGHTS +CONTAINED HERE IN CONSIDERATION OF YOUR ACCEPTANCE OF SUCH TERMS AND +CONDITIONS. + +1. Definitions + +a. "Adaptation" means a work based upon the Work, or upon the Work and + other pre-existing works, such as a translation, adaptation, + derivative work, arrangement of music or other alterations of a + literary or artistic work, or phonogram or performance and includes + cinematographic adaptations or any other form in which the Work may be + recast, transformed, or adapted including in any form recognizably + derived from the original, except that a work that constitutes a + Collection will not be considered an Adaptation for the purpose of + this License. For the avoidance of doubt, where the Work is a musical + work, performance or phonogram, the synchronization of the Work in + timed-relation with a moving image ("synching") will be considered an + Adaptation for the purpose of this License. +b. "Collection" means a collection of literary or artistic works, such as + encyclopedias and anthologies, or performances, phonograms or + broadcasts, or other works or subject matter other than works listed + in Section 1(f) below, which, by reason of the selection and + arrangement of their contents, constitute intellectual creations, in + which the Work is included in its entirety in unmodified form along + with one or more other contributions, each constituting separate and + independent works in themselves, which together are assembled into a + collective whole. A work that constitutes a Collection will not be + considered an Adaptation (as defined above) for the purposes of this + License. +c. "Distribute" means to make available to the public the original and + copies of the Work or Adaptation, as appropriate, through sale or + other transfer of ownership. +d. "Licensor" means the individual, individuals, entity or entities that + offer(s) the Work under the terms of this License. +e. "Original Author" means, in the case of a literary or artistic work, + the individual, individuals, entity or entities who created the Work + or if no individual or entity can be identified, the publisher; and in + addition (i) in the case of a performance the actors, singers, + musicians, dancers, and other persons who act, sing, deliver, declaim, + play in, interpret or otherwise perform literary or artistic works or + expressions of folklore; (ii) in the case of a phonogram the producer + being the person or legal entity who first fixes the sounds of a + performance or other sounds; and, (iii) in the case of broadcasts, the + organization that transmits the broadcast. +f. "Work" means the literary and/or artistic work offered under the terms + of this License including without limitation any production in the + literary, scientific and artistic domain, whatever may be the mode or + form of its expression including digital form, such as a book, + pamphlet and other writing; a lecture, address, sermon or other work + of the same nature; a dramatic or dramatico-musical work; a + choreographic work or entertainment in dumb show; a musical + composition with or without words; a cinematographic work to which are + assimilated works expressed by a process analogous to cinematography; + a work of drawing, painting, architecture, sculpture, engraving or + lithography; a photographic work to which are assimilated works + expressed by a process analogous to photography; a work of applied + art; an illustration, map, plan, sketch or three-dimensional work + relative to geography, topography, architecture or science; a + performance; a broadcast; a phonogram; a compilation of data to the + extent it is protected as a copyrightable work; or a work performed by + a variety or circus performer to the extent it is not otherwise + considered a literary or artistic work. +g. "You" means an individual or entity exercising rights under this + License who has not previously violated the terms of this License with + respect to the Work, or who has received express permission from the + Licensor to exercise rights under this License despite a previous + violation. +h. "Publicly Perform" means to perform public recitations of the Work and + to communicate to the public those public recitations, by any means or + process, including by wire or wireless means or public digital + performances; to make available to the public Works in such a way that + members of the public may access these Works from a place and at a + place individually chosen by them; to perform the Work to the public + by any means or process and the communication to the public of the + performances of the Work, including by public digital performance; to + broadcast and rebroadcast the Work by any means including signs, + sounds or images. +i. "Reproduce" means to make copies of the Work by any means including + without limitation by sound or visual recordings and the right of + fixation and reproducing fixations of the Work, including storage of a + protected performance or phonogram in digital form or other electronic + medium. + +2. Fair Dealing Rights. Nothing in this License is intended to reduce, +limit, or restrict any uses free from copyright or rights arising from +limitations or exceptions that are provided for in connection with the +copyright protection under copyright law or other applicable laws. + +3. License Grant. Subject to the terms and conditions of this License, +Licensor hereby grants You a worldwide, royalty-free, non-exclusive, +perpetual (for the duration of the applicable copyright) license to +exercise the rights in the Work as stated below: + +a. to Reproduce the Work, to incorporate the Work into one or more + Collections, and to Reproduce the Work as incorporated in the + Collections; +b. to create and Reproduce Adaptations provided that any such Adaptation, + including any translation in any medium, takes reasonable steps to + clearly label, demarcate or otherwise identify that changes were made + to the original Work. For example, a translation could be marked "The + original work was translated from English to Spanish," or a + modification could indicate "The original work has been modified."; +c. to Distribute and Publicly Perform the Work including as incorporated + in Collections; and, +d. to Distribute and Publicly Perform Adaptations. +e. For the avoidance of doubt: + +i. Non-waivable Compulsory License Schemes. In those jurisdictions in + which the right to collect royalties through any statutory or + compulsory licensing scheme cannot be waived, the Licensor + reserves the exclusive right to collect such royalties for any + exercise by You of the rights granted under this License; +ii. Waivable Compulsory License Schemes. In those jurisdictions in + which the right to collect royalties through any statutory or + compulsory licensing scheme can be waived, the Licensor waives the + exclusive right to collect such royalties for any exercise by You + of the rights granted under this License; and, +iii. Voluntary License Schemes. The Licensor waives the right to + collect royalties, whether individually or, in the event that the + Licensor is a member of a collecting society that administers + voluntary licensing schemes, via that society, from any exercise + by You of the rights granted under this License. + +The above rights may be exercised in all media and formats whether now +known or hereafter devised. The above rights include the right to make +such modifications as are technically necessary to exercise the rights in +other media and formats. Subject to Section 8(f), all rights not expressly +granted by Licensor are hereby reserved. + +4. Restrictions. The license granted in Section 3 above is expressly made +subject to and limited by the following restrictions: + +a. You may Distribute or Publicly Perform the Work only under the terms + of this License. You must include a copy of, or the Uniform Resource + Identifier (URI) for, this License with every copy of the Work You + Distribute or Publicly Perform. You may not offer or impose any terms + on the Work that restrict the terms of this License or the ability of + the recipient of the Work to exercise the rights granted to that + recipient under the terms of the License. You may not sublicense the + Work. You must keep intact all notices that refer to this License and + to the disclaimer of warranties with every copy of the Work You + Distribute or Publicly Perform. When You Distribute or Publicly + Perform the Work, You may not impose any effective technological + measures on the Work that restrict the ability of a recipient of the + Work from You to exercise the rights granted to that recipient under + the terms of the License. This Section 4(a) applies to the Work as + incorporated in a Collection, but this does not require the Collection + apart from the Work itself to be made subject to the terms of this + License. If You create a Collection, upon notice from any Licensor You + must, to the extent practicable, remove from the Collection any credit + as required by Section 4(b), as requested. If You create an + Adaptation, upon notice from any Licensor You must, to the extent + practicable, remove from the Adaptation any credit as required by + Section 4(b), as requested. +b. If You Distribute, or Publicly Perform the Work or any Adaptations or + Collections, You must, unless a request has been made pursuant to + Section 4(a), keep intact all copyright notices for the Work and + provide, reasonable to the medium or means You are utilizing: (i) the + name of the Original Author (or pseudonym, if applicable) if supplied, + and/or if the Original Author and/or Licensor designate another party + or parties (e.g., a sponsor institute, publishing entity, journal) for + attribution ("Attribution Parties") in Licensor's copyright notice, + terms of service or by other reasonable means, the name of such party + or parties; (ii) the title of the Work if supplied; (iii) to the + extent reasonably practicable, the URI, if any, that Licensor + specifies to be associated with the Work, unless such URI does not + refer to the copyright notice or licensing information for the Work; + and (iv) , consistent with Section 3(b), in the case of an Adaptation, + a credit identifying the use of the Work in the Adaptation (e.g., + "French translation of the Work by Original Author," or "Screenplay + based on original Work by Original Author"). The credit required by + this Section 4 (b) may be implemented in any reasonable manner; + provided, however, that in the case of a Adaptation or Collection, at + a minimum such credit will appear, if a credit for all contributing + authors of the Adaptation or Collection appears, then as part of these + credits and in a manner at least as prominent as the credits for the + other contributing authors. For the avoidance of doubt, You may only + use the credit required by this Section for the purpose of attribution + in the manner set out above and, by exercising Your rights under this + License, You may not implicitly or explicitly assert or imply any + connection with, sponsorship or endorsement by the Original Author, + Licensor and/or Attribution Parties, as appropriate, of You or Your + use of the Work, without the separate, express prior written + permission of the Original Author, Licensor and/or Attribution + Parties. +c. Except as otherwise agreed in writing by the Licensor or as may be + otherwise permitted by applicable law, if You Reproduce, Distribute or + Publicly Perform the Work either by itself or as part of any + Adaptations or Collections, You must not distort, mutilate, modify or + take other derogatory action in relation to the Work which would be + prejudicial to the Original Author's honor or reputation. Licensor + agrees that in those jurisdictions (e.g. Japan), in which any exercise + of the right granted in Section 3(b) of this License (the right to + make Adaptations) would be deemed to be a distortion, mutilation, + modification or other derogatory action prejudicial to the Original + Author's honor and reputation, the Licensor will waive or not assert, + as appropriate, this Section, to the fullest extent permitted by the + applicable national law, to enable You to reasonably exercise Your + right under Section 3(b) of this License (right to make Adaptations) + but not otherwise. + +5. Representations, Warranties and Disclaimer + +UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR +OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY +KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, +INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, +FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF +LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, +WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION +OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU. + +6. Limitation on Liability. EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE +LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR +ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES +ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS +BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. + +7. Termination + +a. This License and the rights granted hereunder will terminate + automatically upon any breach by You of the terms of this License. + Individuals or entities who have received Adaptations or Collections + from You under this License, however, will not have their licenses + terminated provided such individuals or entities remain in full + compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will + survive any termination of this License. +b. Subject to the above terms and conditions, the license granted here is + perpetual (for the duration of the applicable copyright in the Work). + Notwithstanding the above, Licensor reserves the right to release the + Work under different license terms or to stop distributing the Work at + any time; provided, however that any such election will not serve to + withdraw this License (or any other license that has been, or is + required to be, granted under the terms of this License), and this + License will continue in full force and effect unless terminated as + stated above. + +8. Miscellaneous + +a. Each time You Distribute or Publicly Perform the Work or a Collection, + the Licensor offers to the recipient a license to the Work on the same + terms and conditions as the license granted to You under this License. +b. Each time You Distribute or Publicly Perform an Adaptation, Licensor + offers to the recipient a license to the original Work on the same + terms and conditions as the license granted to You under this License. +c. If any provision of this License is invalid or unenforceable under + applicable law, it shall not affect the validity or enforceability of + the remainder of the terms of this License, and without further action + by the parties to this agreement, such provision shall be reformed to + the minimum extent necessary to make such provision valid and + enforceable. +d. No term or provision of this License shall be deemed waived and no + breach consented to unless such waiver or consent shall be in writing + and signed by the party to be charged with such waiver or consent. +e. This License constitutes the entire agreement between the parties with + respect to the Work licensed here. There are no understandings, + agreements or representations with respect to the Work not specified + here. Licensor shall not be bound by any additional provisions that + may appear in any communication from You. This License may not be + modified without the mutual written agreement of the Licensor and You. +f. The rights granted under, and the subject matter referenced, in this + License were drafted utilizing the terminology of the Berne Convention + for the Protection of Literary and Artistic Works (as amended on + September 28, 1979), the Rome Convention of 1961, the WIPO Copyright + Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 + and the Universal Copyright Convention (as revised on July 24, 1971). + These rights and subject matter take effect in the relevant + jurisdiction in which the License terms are sought to be enforced + according to the corresponding provisions of the implementation of + those treaty provisions in the applicable national law. If the + standard suite of rights granted under applicable copyright law + includes additional rights not granted under this License, such + additional rights are deemed to be included in the License; this + License is not intended to restrict the license of any rights under + applicable law. + + +Creative Commons Notice + + Creative Commons is not a party to this License, and makes no warranty + whatsoever in connection with the Work. Creative Commons will not be + liable to You or any party on any legal theory for any damages + whatsoever, including without limitation any general, special, + incidental or consequential damages arising in connection to this + license. Notwithstanding the foregoing two (2) sentences, if Creative + Commons has expressly identified itself as the Licensor hereunder, it + shall have all rights and obligations of Licensor. + + Except for the limited purpose of indicating to the public that the + Work is licensed under the CCPL, Creative Commons does not authorize + the use by either party of the trademark "Creative Commons" or any + related trademark or logo of Creative Commons without the prior + written consent of Creative Commons. Any permitted use will be in + compliance with Creative Commons' then-current trademark usage + guidelines, as may be published on its website or otherwise made + available upon request from time to time. For the avoidance of doubt, + this trademark restriction does not form part of this License. + + Creative Commons may be contacted at http://creativecommons.org/. diff --git a/versions/1.23.5/assets/css/docs.min.css b/versions/1.23.5/assets/css/docs.min.css new file mode 100644 index 0000000000..f454ee88e5 --- /dev/null +++ b/versions/1.23.5/assets/css/docs.min.css @@ -0,0 +1,8 @@ +/*! + * Bootstrap Docs (https://getbootstrap.com/) + * Copyright 2011-2018 The Bootstrap Authors + * Copyright 2011-2018 Twitter, Inc. + * Licensed under the Creative Commons Attribution 3.0 Unported License. For + * details, see https://creativecommons.org/licenses/by/3.0/. + */.bd-navbar{min-height:4rem;background-color:#563d7c;box-shadow:0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.1)}@media (max-width:991.98px){.bd-navbar{padding-right:.5rem;padding-left:.5rem}.bd-navbar .navbar-nav-scroll{max-width:100%;height:2.5rem;margin-top:.25rem;overflow:hidden;font-size:.875rem}.bd-navbar .navbar-nav-scroll .navbar-nav{padding-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}@media (min-width:768px){@supports ((position:-webkit-sticky) or (position:sticky)){.bd-navbar{position:-webkit-sticky;position:sticky;top:0;z-index:1071}}}.bd-navbar .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;color:#cbbde2}.bd-navbar .navbar-nav .nav-link.active,.bd-navbar .navbar-nav .nav-link:hover{color:#fff;background-color:transparent}.bd-navbar .navbar-nav .nav-link.active{font-weight:600}.bd-navbar .navbar-nav-svg{display:inline-block;width:1rem;height:1rem;vertical-align:text-top}.bd-navbar .dropdown-menu{font-size:.875rem}.bd-navbar .dropdown-item.active{font-weight:600;color:#212529;background-color:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:.4rem .6rem;background-size:.75rem .75rem}.bd-masthead{position:relative;padding:3rem 15px}.bd-masthead h1{line-height:1}.bd-masthead .btn{padding:.8rem 2rem;font-weight:600}.bd-masthead .carbonad{margin-top:0!important;margin-bottom:-3rem!important}@media (min-width:576px){.bd-masthead{padding-top:5rem;padding-bottom:5rem}.bd-masthead .carbonad{margin-bottom:0!important}}@media (min-width:768px){.bd-masthead h1{font-size:4rem}.bd-masthead .carbonad{margin-top:3rem!important}}.half-rule{width:6rem;margin:2.5rem 0}.masthead-followup .bd-clipboard{display:none}.masthead-followup .highlight{padding:.5rem 0;background-color:transparent}#carbonads{position:static;display:block;max-width:400px;padding:15px 15px 15px 160px;margin:2rem 0;overflow:hidden;font-size:13px;line-height:1.4;text-align:left;background-color:rgba(0,0,0,.05)}#carbonads a{color:#333;text-decoration:none}@media (min-width:576px){#carbonads{max-width:330px;border-radius:4px}}.carbon-img{float:left;margin-left:-145px}.carbon-poweredby{display:block;color:#777!important}.bd-content{-ms-flex-order:1;order:1}.bd-content>h2[id],.bd-content>h3[id],.bd-content>h4[id]{pointer-events:none}.bd-content>h2[id]::before,.bd-content>h3[id]::before,.bd-content>h4[id]::before{display:block;height:6rem;margin-top:-6rem;content:""}.bd-content>table{width:100%;max-width:100%;margin-bottom:1rem}@media (max-width:991.98px){.bd-content>table{display:block;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar}.bd-content>table.table-bordered{border:0}}.bd-content>table>tbody>tr>td,.bd-content>table>tbody>tr>th,.bd-content>table>tfoot>tr>td,.bd-content>table>tfoot>tr>th,.bd-content>table>thead>tr>td,.bd-content>table>thead>tr>th{padding:.75rem;vertical-align:top;border:1px solid #dee2e6}.bd-content>table>tbody>tr>td>p:last-child,.bd-content>table>tbody>tr>th>p:last-child,.bd-content>table>tfoot>tr>td>p:last-child,.bd-content>table>tfoot>tr>th>p:last-child,.bd-content>table>thead>tr>td>p:last-child,.bd-content>table>thead>tr>th>p:last-child{margin-bottom:0}.bd-content>table td:first-child>code{white-space:nowrap}.bd-content-title{display:block;pointer-events:auto}.bd-content>h2:not(:first-child){margin-top:3rem}.bd-content>h3{margin-top:1.5rem}.bd-content>ol li,.bd-content>ul li{margin-bottom:.25rem}@media (min-width:992px){.bd-content>ol,.bd-content>p,.bd-content>ul{max-width:80%}}.bd-title{margin-top:1rem;margin-bottom:.5rem;font-weight:300}@media (min-width:576px){.bd-title{font-size:3rem}}.bd-lead{font-size:1.125rem;font-weight:300}@media (min-width:576px){.bd-lead{max-width:80%;margin-bottom:1rem;font-size:1.5rem}}.bd-text-purple{color:#563d7c}.bd-text-purple-bright{color:#7952b3}.skippy{display:block;padding:1em;color:#fff;text-align:center;background-color:#563d7c;outline:0}.skippy:hover{color:#fff}.skippy-text{padding:.5em;outline:1px dotted}.bd-toc{-ms-flex-order:2;order:2;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.875rem}@supports ((position:-webkit-sticky) or (position:sticky)){.bd-toc{position:-webkit-sticky;position:sticky;top:4rem;height:calc(100vh - 4rem);overflow-y:auto}}.section-nav{padding-left:0;border-left:1px solid #eee}.section-nav ul{padding-left:1rem}.toc-entry{display:block}.toc-entry a{display:block;padding:.125rem 1.5rem;color:#99979c}.toc-entry a:hover{color:#007bff;text-decoration:none}.bd-sidebar{-ms-flex-order:0;order:0;border-bottom:1px solid rgba(0,0,0,.1)}@media (min-width:768px){.bd-sidebar{border-right:1px solid rgba(0,0,0,.1)}@supports ((position:-webkit-sticky) or (position:sticky)){.bd-sidebar{position:-webkit-sticky;position:sticky;top:4rem;z-index:1000;height:calc(100vh - 4rem)}}}@media (min-width:1200px){.bd-sidebar{-ms-flex:0 1 320px;flex:0 1 320px}}.bd-links{padding-top:1rem;padding-bottom:1rem;margin-right:-15px;margin-left:-15px}@media (min-width:768px){@supports ((position:-webkit-sticky) or (position:sticky)){.bd-links{max-height:calc(100vh - 9rem);overflow-y:auto}}}@media (min-width:768px){.bd-links{display:block!important}}.bd-search{position:relative;padding:1rem 15px;margin-right:-15px;margin-left:-15px;border-bottom:1px solid rgba(0,0,0,.05)}.bd-search .form-control:focus{border-color:#7952b3;box-shadow:0 0 0 3px rgba(121,82,179,.25)}.bd-search-docs-toggle{line-height:1;color:#212529}.bd-sidenav{display:none}.bd-toc-link{display:block;padding:.25rem 1.5rem;font-weight:600;color:rgba(0,0,0,.65)}.bd-toc-link:hover{color:rgba(0,0,0,.85);text-decoration:none}.bd-toc-item.active{margin-bottom:1rem}.bd-toc-item.active:not(:first-child){margin-top:1rem}.bd-toc-item.active>.bd-toc-link{color:rgba(0,0,0,.85)}.bd-toc-item.active>.bd-toc-link:hover{background-color:transparent}.bd-toc-item.active>.bd-sidenav{display:block}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.5rem;font-size:90%;color:rgba(0,0,0,.65)}.bd-sidebar .nav>li>a:hover{color:rgba(0,0,0,.85);text-decoration:none;background-color:transparent}.bd-sidebar .nav>.active:hover>a,.bd-sidebar .nav>.active>a{font-weight:600;color:rgba(0,0,0,.85);background-color:transparent}.bd-footer{font-size:85%;text-align:center;background-color:#f7f7f7}.bd-footer a{font-weight:600;color:#495057}.bd-footer a:focus,.bd-footer a:hover{color:#007bff}.bd-footer p{margin-bottom:0}@media (min-width:576px){.bd-footer{text-align:left}}.bd-footer-links{padding-left:0;margin-bottom:1rem}.bd-footer-links li{display:inline-block}.bd-footer-links li+li{margin-left:1rem}.bd-example-row .row>.col,.bd-example-row .row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.bd-example-row .row+.row{margin-top:1rem}.bd-example-row .flex-items-bottom,.bd-example-row .flex-items-middle,.bd-example-row .flex-items-top{min-height:6rem;background-color:rgba(255,0,0,.1)}.bd-example-row-flex-cols .row{min-height:10rem;background-color:rgba(255,0,0,.1)}.bd-highlight{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15)}.example-container{width:800px;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.example-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.example-content-main{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-main{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:992px){.example-content-main{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.example-content-secondary{position:relative;width:100%;padding-right:15px;padding-left:15px}@media (min-width:576px){.example-content-secondary{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:992px){.example-content-secondary{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}}.bd-example-container{min-width:16rem;max-width:25rem;margin-right:auto;margin-left:auto}.bd-example-container-header{height:3rem;margin-bottom:.5rem;background-color:#fff;border-radius:.25rem}.bd-example-container-sidebar{float:right;width:4rem;height:8rem;background-color:#80bdff;border-radius:.25rem}.bd-example-container-body{height:8rem;margin-right:4.5rem;background-color:#957bbe;border-radius:.25rem}.bd-example-container-fluid{max-width:none}.bd-example{position:relative;padding:1rem;margin:1rem -15px 0;border:solid #f8f9fa;border-width:.2rem 0 0}.bd-example::after{display:block;clear:both;content:""}@media (min-width:576px){.bd-example{padding:1.5rem;margin-right:0;margin-left:0;border-width:.2rem}}.bd-example+.clipboard+.highlight,.bd-example+.highlight{margin-top:0}.bd-example+p{margin-top:2rem}.bd-example .pos-f-t{position:relative;margin:-1rem}@media (min-width:576px){.bd-example .pos-f-t{margin:-1.5rem}}.bd-example .custom-file-input:lang(es)~.custom-file-label::after{content:"Elegir"}.bd-example>.form-control+.form-control{margin-top:.5rem}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.navbar+.navbar,.bd-example>.progress+.btn,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu:first-child{position:static;display:block}.bd-example>.form-group:last-child{margin-bottom:0}.bd-example>.close{float:none}.bd-example-type .table .type-info{color:#999;vertical-align:middle}.bd-example-type .table td{padding:1rem 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin-top:0;margin-bottom:0}.bd-example-bg-classes p{padding:1rem}.bd-example>img+img,.bd-example>svg+svg{margin-left:.5rem}.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example-control-sizing input[type=text]+input[type=text],.bd-example-control-sizing select{margin-top:.5rem}.bd-example-form .input-group{margin-bottom:.5rem}.bd-example>textarea.form-control{resize:vertical}.bd-example>.list-group{max-width:400px}.bd-example .fixed-top,.bd-example .sticky-top{position:static;margin:-1rem -1rem 1rem}.bd-example .fixed-bottom{position:static;margin:1rem -1rem -1rem}@media (min-width:576px){.bd-example .fixed-top,.bd-example .sticky-top{margin:-1.5rem -1.5rem 1rem}.bd-example .fixed-bottom{margin:1rem -1.5rem -1.5rem}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.modal{z-index:1072}.modal .popover,.modal .tooltip{z-index:1073}.modal-backdrop{z-index:1071}.bd-example-modal{background-color:#fafafa}.bd-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bd-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bd-example-tabs .nav-tabs{margin-bottom:1rem}.bd-example-popover-static{padding-bottom:1.5rem;background-color:#f9f9f9}.bd-example-popover-static .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.tooltip-demo a{white-space:nowrap}.bd-example-tooltip-static .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.scrollspy-example-2{position:relative;height:350px;overflow:auto}.bd-example-border-utils [class^=border]{display:inline-block;width:5rem;height:5rem;margin:.25rem;background-color:#f5f5f5}.bd-example-border-utils-0 [class^=border]{border:1px solid #dee2e6}.highlight{padding:1rem;margin-top:1rem;margin-bottom:1rem;background-color:#f8f9fa;-ms-overflow-style:-ms-autohiding-scrollbar}@media (min-width:576px){.highlight{padding:1.5rem}}.bd-content .highlight{margin-right:-15px;margin-left:-15px}@media (min-width:576px){.bd-content .highlight{margin-right:0;margin-left:0}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#212529}.btn-bd-primary{font-weight:600;color:#7952b3;border-color:#7952b3}.btn-bd-primary:active,.btn-bd-primary:hover{color:#fff;background-color:#7952b3;border-color:#7952b3}.btn-bd-primary:focus{box-shadow:0 0 0 3px rgba(121,82,179,.25)}.btn-bd-download{font-weight:600;color:#ffe484;border-color:#ffe484}.btn-bd-download:active,.btn-bd-download:hover{color:#2a2730;background-color:#ffe484;border-color:#ffe484}.btn-bd-download:focus{box-shadow:0 0 0 3px rgba(255,228,132,.25)}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem;border-radius:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout code{border-radius:.25rem}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-browser-bugs td p{margin-bottom:0}.bd-browser-bugs th:first-child{width:18%}.bd-brand-logos{display:table;width:100%;margin-bottom:1rem;overflow:hidden;color:#563d7c;background-color:#f9f9f9;border-radius:.25rem}.bd-brand-logos .inverse{color:#fff;background-color:#563d7c}.bd-brand-item{padding:4rem 0;text-align:center}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}.bd-brand-item h1,.bd-brand-item h3{margin-top:0;margin-bottom:0}@media (min-width:768px){.bd-brand-item{display:table-cell;width:1%}.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}.bd-brand-item h1{font-size:4rem}}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatches .bd-purple{background-color:#563d7c}.color-swatches .bd-purple-light{background-color:#cbbde2}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.color-swatch{float:left;width:4rem;height:4rem;margin-right:.25rem;margin-left:.25rem;border-radius:.25rem}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}}.swatch-blue{color:#fff;background-color:#007bff}.swatch-indigo{color:#fff;background-color:#6610f2}.swatch-purple{color:#fff;background-color:#6f42c1}.swatch-pink{color:#fff;background-color:#e83e8c}.swatch-red{color:#fff;background-color:#dc3545}.swatch-orange{color:#212529;background-color:#fd7e14}.swatch-yellow{color:#212529;background-color:#ffc107}.swatch-green{color:#fff;background-color:#28a745}.swatch-teal{color:#fff;background-color:#20c997}.swatch-cyan{color:#fff;background-color:#17a2b8}.swatch-white{color:#212529;background-color:#fff}.swatch-gray{color:#fff;background-color:#6c757d}.swatch-gray-dark{color:#fff;background-color:#343a40}.swatch-primary{color:#fff;background-color:#007bff}.swatch-secondary{color:#fff;background-color:#6c757d}.swatch-success{color:#fff;background-color:#28a745}.swatch-info{color:#fff;background-color:#17a2b8}.swatch-warning{color:#212529;background-color:#ffc107}.swatch-danger{color:#fff;background-color:#dc3545}.swatch-light{color:#212529;background-color:#f8f9fa}.swatch-dark{color:#fff;background-color:#343a40}.swatch-100{color:#212529;background-color:#f8f9fa}.swatch-200{color:#212529;background-color:#e9ecef}.swatch-300{color:#212529;background-color:#dee2e6}.swatch-400{color:#212529;background-color:#ced4da}.swatch-500{color:#212529;background-color:#adb5bd}.swatch-600{color:#fff;background-color:#6c757d}.swatch-700{color:#fff;background-color:#495057}.swatch-800{color:#fff;background-color:#343a40}.swatch-900{color:#fff;background-color:#212529}.bd-clipboard{position:relative;display:none;float:right}.bd-clipboard+.highlight{margin-top:0}@media (min-width:768px){.bd-clipboard{display:block}}.btn-clipboard{position:absolute;top:.5rem;right:.5rem;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;background-color:transparent;border:0;border-radius:.25rem}.btn-clipboard:hover{color:#fff;background-color:#027de7}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle}@media (min-width:768px){.bd-placeholder-img-lg{font-size:3.5rem}}.hll{background-color:#ffc}.c{color:#999}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1{color:#999}.cs{color:#999}.gd{background-color:#fcc;border:1px solid #c00}.ge{font-style:italic}.gr{color:red}.gh{color:#030}.gi{background-color:#cfc;border:1px solid #0c0}.go{color:#aaa}.gp{color:#009}.gu{color:#030}.gt{color:#9c6}.kc{color:#069}.kd{color:#069}.kn{color:#069}.kp{color:#069}.kr{color:#069}.kt{color:#078}.m{color:#f60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0a8}.no{color:#360}.nd{color:#99f}.ni{color:#999}.ne{color:#c00}.nf{color:#c0f}.nl{color:#99f}.nn{color:#0cf}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf{color:#f60}.mh{color:#f60}.mi{color:#f60}.mo{color:#f60}.sb{color:#c30}.sc{color:#c30}.sd{font-style:italic;color:#c30}.s2{color:#c30}.se{color:#c30}.sh{color:#c30}.si{color:#a00}.sx{color:#c30}.sr{color:#3aa}.s1{color:#c30}.ss{color:#fc3}.bp{color:#366}.vc{color:#033}.vg{color:#033}.vi{color:#033}.il{color:#f60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}.language-bash::before,.language-sh::before{color:#009;content:"$ ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.language-powershell::before{color:#009;content:"PM> ";-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.anchorjs-link{font-weight:400;color:rgba(0,123,255,.5);transition:color .15s ease-in-out,opacity .15s ease-in-out}@media screen and (prefers-reduced-motion:reduce){.anchorjs-link{transition:none}}.anchorjs-link:hover{color:#007bff;text-decoration:none}.algolia-autocomplete{display:block!important;-ms-flex:1;flex:1}.algolia-autocomplete .ds-dropdown-menu{width:100%;min-width:0!important;max-width:none!important;padding:.75rem 0!important;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.175)}@media (min-width:768px){.algolia-autocomplete .ds-dropdown-menu{width:175%}}.algolia-autocomplete .ds-dropdown-menu::before{display:none!important}.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-]{padding:0!important;overflow:visible!important;background-color:transparent!important;border:0!important}.algolia-autocomplete .ds-dropdown-menu .ds-suggestions{margin-top:0!important}.algolia-autocomplete .algolia-docsearch-suggestion{padding:0!important;overflow:visible!important}.algolia-autocomplete .algolia-docsearch-suggestion--category-header{padding:.125rem 1rem!important;margin-top:0!important;font-size:.875rem!important;font-weight:600!important;color:#7952b3!important;border-bottom:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--wrapper{float:none!important;padding-top:0!important}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column{float:none!important;width:auto!important;padding:0!important;text-align:left!important}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline{display:block!important;font-size:.875rem;color:#495057}.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline::after{padding:0 .25rem;content:"/"}.algolia-autocomplete .algolia-docsearch-suggestion--content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;float:none!important;width:100%!important;padding:.25rem 1rem!important}.algolia-autocomplete .algolia-docsearch-suggestion--content::before{display:none!important}.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header{padding-top:.75rem!important;margin-top:.75rem!important;border-top:1px solid rgba(0,0,0,.1)}.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column{display:none!important}.algolia-autocomplete .algolia-docsearch-suggestion--title{display:block;margin-bottom:0!important;font-size:.875rem!important;font-weight:400!important}.algolia-autocomplete .algolia-docsearch-suggestion--text{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:.2rem 0;font-size:.8125rem!important;font-weight:400;line-height:1.25!important;color:#6c757d}.algolia-autocomplete .algolia-docsearch-footer{float:none!important;width:auto!important;height:auto!important;padding:.75rem 1rem 0;font-size:.75rem!important;line-height:1!important;color:#767676!important;border-top:1px solid rgba(0,0,0,.1)}.algolia-autocomplete .algolia-docsearch-footer--logo{display:inline!important;overflow:visible!important;color:inherit!important;text-indent:0!important;background:0 0!important}.algolia-autocomplete .algolia-docsearch-suggestion--highlight{color:#5f2dab;background-color:rgba(154,132,187,.12)}.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight{box-shadow:inset 0 -2px 0 0 rgba(95,45,171,.5)!important}.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content{background-color:rgba(208,189,236,.15)!important} +/*# sourceMappingURL=docs.min.css.map */ \ No newline at end of file diff --git a/versions/1.23.5/assets/css/docs.min.css.map b/versions/1.23.5/assets/css/docs.min.css.map new file mode 100644 index 0000000000..68f0b7cf0e --- /dev/null +++ b/versions/1.23.5/assets/css/docs.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../scss/docs.scss","../scss/_nav.scss","../../../../../scss/mixins/_breakpoints.scss","../scss/_masthead.scss","../scss/_ads.scss","../../../../../scss/mixins/_border-radius.scss","../scss/_content.scss","site/docs/4.2/assets/css/docs.min.css","../scss/_skippy.scss","../../../../../scss/mixins/_hover.scss","../scss/_sidebar.scss","../scss/_footer.scss","../scss/_component-examples.scss","../../../../../scss/mixins/_grid.scss","../../../../../scss/mixins/_clearfix.scss","../scss/_buttons.scss","../scss/_callouts.scss","../scss/_browser-bugs.scss","../scss/_brand.scss","../scss/_colors.scss","../scss/_clipboard-js.scss","../scss/_placeholder-img.scss","../scss/_syntax.scss","../scss/_anchor.scss","../../../../../scss/mixins/_transition.scss","../scss/_algolia.scss"],"names":[],"mappings":"AAAA;;;;;;ACIA,WACE,WAAA,KACA,iBAAA,QACA,WAAA,EAAA,MAAA,KAAA,eAAA,CAAA,MAAA,EAAA,KAAA,EAAA,eCkEE,4BDrEJ,WAMI,cAAA,MACA,aAAA,MAPJ,8BAUM,UAAA,KACA,OAAA,OACA,WAAA,OACA,SAAA,OACA,UAAA,QAdN,0CAiBQ,eAAA,KACA,WAAA,KACA,YAAA,OACA,2BAAA,OCoCJ,yBD9B4B,2DA1BhC,WA2BM,SAAA,eAAA,SAAA,OACA,IAAA,EACA,QAAA,OA7BN,iCAmCM,cAAA,MACA,aAAA,MACA,MAAA,QArCN,wCAAA,uCAyCQ,MAAA,KACA,iBAAA,YA1CR,wCA8CQ,YAAA,IA9CR,2BAoDI,QAAA,aACA,MAAA,KACA,OAAA,KACA,eAAA,SAvDJ,0BA2DI,UAAA,QA3DJ,iCA+DI,YAAA,IACA,MAAA,QACA,iBAAA,YACA,iBAAA,2OACA,kBAAA,UACA,oBAAA,MAAA,MACA,gBAAA,OAAA,OEvEJ,aACE,SAAA,SACA,QAAA,KAAA,KAFF,gBAMI,YAAA,EANJ,kBAUI,QAAA,MAAA,KACA,YAAA,IAXJ,uBAeI,WAAA,YACA,cAAA,gBD0CA,yBC1DJ,aAoBI,YAAA,KACA,eAAA,KArBJ,uBAwBM,cAAA,aDkCF,yBC1DJ,gBA8BM,UAAA,KA9BN,uBAkCM,WAAA,gBAKN,WACE,MAAA,KACA,OAAA,OAAA,EAGF,iCACkB,QAAA,KADlB,8BAII,QAAA,MAAA,EACA,iBAAA,YC7CJ,WACE,SAAA,OACA,QAAA,MACA,UAAA,MACA,QAAA,KAAA,KAAA,KAAA,MACA,OAAA,KAAA,EACA,SAAA,OACA,UAAA,KACA,YAAA,IACA,WAAA,KACA,iBAAA,gBAVF,aAaI,MAAA,KACA,gBAAA,KFwCA,yBEtDJ,WAkBI,UAAA,MCnBA,cAAA,KDwBJ,YACE,MAAA,KACA,YAAA,OAGF,kBACE,QAAA,MACA,MAAA,eE9BF,YACE,eAAA,EAAA,MAAA,EADF,mBCuKA,mBACA,mBDjKI,eAAA,KAPJ,2BC6KA,2BACA,2BDpKM,QAAA,MACA,OAAA,KACA,WAAA,MACA,QAAA,GAbN,kBAkBI,MAAA,KACA,UAAA,KACA,cAAA,KJ+CA,4BInEJ,kBAuBM,QAAA,MACA,WAAA,KACA,mBAAA,yBAzBN,iCA4BQ,OAAA,GC6KR,8BADA,8BAGA,8BADA,8BAHA,8BDvMA,8BAuCU,QAAA,OACA,eAAA,IACA,OAAA,IAAA,MAAA,QC2KV,2CADA,2CAGA,2CADA,2CAHA,2CDlNA,2CA4CY,cAAA,EA5CZ,sCAoDM,YAAA,OAKN,kBACE,QAAA,MACA,eAAA,KAOF,iCAEI,WAAA,KAFJ,eAMI,WAAA,OCoKJ,kBD1KA,kBAWI,cAAA,OJvBA,yBK4LF,eACA,cDjLF,eAkBM,UAAA,KAKN,UACE,WAAA,KACA,cAAA,MACA,YAAA,IJtCE,yBImCJ,UAMI,UAAA,MAIJ,SACE,UAAA,SACA,YAAA,IJ/CE,yBI6CJ,SAKI,UAAA,IACA,cAAA,KACA,UAAA,QAIJ,gBAAkB,MAAA,QAClB,uBAAyB,MAAA,QErHzB,QACE,QAAA,MACA,QAAA,IACA,MAAA,KACA,WAAA,OACA,iBAAA,QACA,QAAA,ECMA,cDHE,MAAA,KAIJ,aACE,QAAA,KACA,QAAA,IAAA,OETF,QAOE,eAAA,EAAA,MAAA,EACA,YAAA,OACA,eAAA,OACA,UAAA,QAT4B,2DAD9B,QAEI,SAAA,eAAA,SAAA,OACA,IAAA,KACA,OAAA,mBACA,WAAA,MAQJ,aACE,aAAA,EACA,YAAA,IAAA,MAAA,KAFF,gBAKI,aAAA,KAIJ,WACE,QAAA,MADF,aAII,QAAA,MACA,QAAA,QAAA,OACA,MAAA,QANJ,mBASM,MAAA,QACA,gBAAA,KASN,YACE,eAAA,EAAA,MAAA,EAEA,cAAA,IAAA,MAAA,eRUE,yBQbJ,YAYI,aAAA,IAAA,MAAA,eAN4B,2DANhC,YAOM,SAAA,eAAA,SAAA,OACA,IAAA,KACA,QAAA,KACA,OAAA,qBRGF,0BQbJ,YAgBI,SAAA,EAAA,EAAA,MAAA,KAAA,EAAA,EAAA,OAIJ,UACE,YAAA,KACA,eAAA,KACA,aAAA,MACA,YAAA,MRXE,yBQc4B,2DAPhC,UAQM,WAAA,mBACA,WAAA,ORhBF,yBQOJ,UAeI,QAAA,iBAIJ,WACE,SAAA,SACA,QAAA,KAAA,KACA,aAAA,MACA,YAAA,MACA,cAAA,IAAA,MAAA,gBALF,+BAQI,aAAA,QACA,WAAA,EAAA,EAAA,EAAA,IAAA,qBAIJ,uBACE,YAAA,EACA,MAAA,QAGF,YACE,QAAA,KAGF,aACE,QAAA,MACA,QAAA,OAAA,OACA,YAAA,IACA,MAAA,gBAJF,mBAOI,MAAA,gBACA,gBAAA,KAIJ,oBAEI,cAAA,KAFJ,sCAKM,WAAA,KALN,iCASM,MAAA,gBATN,uCAYQ,iBAAA,YAZR,gCAiBM,QAAA,MAMN,sBACE,QAAA,MACA,QAAA,OAAA,OACA,UAAA,IACA,MAAA,gBAGF,4BACE,MAAA,gBACA,gBAAA,KACA,iBAAA,YHwTF,iCGrTA,2BAEE,YAAA,IACA,MAAA,gBACA,iBAAA,YC5JF,WACE,UAAA,IACA,WAAA,OACA,iBAAA,QAHF,aAMI,YAAA,IACA,MAAA,QAPJ,mBAAA,mBAWM,MAAA,QAXN,aAgBI,cAAA,ETwCA,yBSxDJ,WAoBI,WAAA,MAIJ,iBACE,aAAA,EACA,cAAA,KAFF,oBAKI,QAAA,aALJ,uBAQM,YAAA,KC9BN,0BLwfA,mCKpfM,YAAA,OACA,eAAA,OACA,iBAAA,oBACA,OAAA,IAAA,MAAA,mBAPN,0BAYI,WAAA,KLyfJ,mCADA,mCKpgBA,gCAkBI,WAAA,KACA,iBAAA,iBAIJ,+BACE,WAAA,MACA,iBAAA,iBAGF,cACE,iBAAA,oBACA,OAAA,IAAA,MAAA,oBAIF,mBACE,MAAA,MCpCA,MAAA,KACA,cAAA,KACA,aAAA,KACA,aAAA,KACA,YAAA,KDoCF,aCtBE,QAAA,YAAA,QAAA,KACA,cAAA,KAAA,UAAA,KACA,aAAA,MACA,YAAA,MDuBF,sBCnBE,SAAA,SAIA,MAAA,KACA,cAAA,KACA,aAAA,KXwBE,yBUXJ,sBCTE,SAAA,EAAA,EAAA,IAAA,KAAA,EAAA,EAAA,IAIA,UAAA,KXgBE,yBUXJ,sBCTE,SAAA,EAAA,EAAA,WAAA,KAAA,EAAA,EAAA,WAIA,UAAA,YDiBF,2BC/BE,SAAA,SAIA,MAAA,KACA,cAAA,KACA,aAAA,KXwBE,yBUCJ,2BCrBE,SAAA,EAAA,EAAA,IAAA,KAAA,EAAA,EAAA,IAIA,UAAA,KXgBE,yBUCJ,2BCrBE,SAAA,EAAA,EAAA,WAAA,KAAA,EAAA,EAAA,WAIA,UAAA,YDkCF,sBACE,UAAA,MACA,UAAA,MACA,aAAA,KACA,YAAA,KAGF,6BACE,OAAA,KACA,cAAA,MACA,iBAAA,KPnFE,cAAA,OOuFJ,8BACE,MAAA,MACA,MAAA,KACA,OAAA,KACA,iBAAA,QP3FE,cAAA,OO+FJ,2BACE,OAAA,KACA,aAAA,OACA,iBAAA,QPlGE,cAAA,OOsGJ,4BACE,UAAA,KAQF,YACE,SAAA,SACA,QAAA,KACA,OAAA,KAAA,MAAA,EACA,OAAA,MAAA,QACA,aAAA,MAAA,EAAA,EExHA,mBACE,QAAA,MACA,MAAA,KACA,QAAA,GZwDA,yBUwDJ,YASI,QAAA,OACA,aAAA,EACA,YAAA,EACA,aAAA,OLmhBJ,kCK/hBA,uBAiBI,WAAA,EAjBJ,cAqBI,WAAA,KArBJ,qBAyBI,SAAA,SACA,OAAA,MVlFA,yBUwDJ,qBA6BM,OAAA,SA7BN,kEAkCI,QAAA,SAlCJ,wCAuCM,WAAA,MLohBN,0BK3jBA,sBL4jBA,4BAEA,2BADA,gCK7gBI,WAAA,KAhDJ,uCAoDI,SAAA,OACA,QAAA,MArDJ,mCAyDI,cAAA,EAzDJ,mBA6DI,MAAA,KAKJ,mCAGM,MAAA,KACA,eAAA,OAJN,2BAOM,QAAA,KAAA,EACA,aAAA,KARN,0CAWM,WAAA,EAXN,oBL4hBA,oBACA,oBACA,oBACA,oBACA,oBK3gBI,WAAA,EACA,cAAA,EAKJ,yBACE,QAAA,KL8gBF,oBK1gBA,oBAGI,YAAA,MAKJ,uBAEI,WAAA,OACA,cAAA,OAHJ,sCAMI,WAAA,ML0gBJ,6DKrgBA,kCAEE,WAAA,MAEF,8BACE,cAAA,MAEF,kCACE,OAAA,SAIF,wBACE,UAAA,MAIF,uBLqgBA,wBKlgBI,SAAA,OACA,OAAA,MAAA,MAAA,KAJJ,0BAOI,SAAA,OACA,OAAA,KAAA,MAAA,MVtMA,yBU8LJ,uBLihBE,wBKngBI,OAAA,QAAA,QAAA,KAdN,0BAiBM,OAAA,KAAA,QAAA,SAMN,wBACE,WAAA,MACA,cAAA,MAIF,OACE,QAAA,KLqgBF,gBKtgBA,gBAKI,QAAA,KAIJ,gBACE,QAAA,KAGF,kBACE,iBAAA,QADF,yBAII,SAAA,SACA,IAAA,KACA,MAAA,KACA,OAAA,KACA,KAAA,KACA,QAAA,EACA,QAAA,MAVJ,gCAcI,KAAA,KACA,aAAA,KACA,YAAA,KAKJ,2BACE,cAAA,KAIF,2BACE,eAAA,OACA,iBAAA,QAFF,oCAKI,SAAA,SACA,QAAA,MACA,MAAA,KACA,MAAA,MACA,OAAA,QAKJ,gBACE,YAAA,OAGF,oCACE,SAAA,SACA,QAAA,aACA,OAAA,KAAA,KACA,QAAA,EAIF,mBACE,SAAA,SACA,OAAA,MACA,WAAA,MACA,SAAA,KAGF,qBACE,SAAA,SACA,OAAA,MACA,SAAA,KAGF,yCAEI,QAAA,aACA,MAAA,KACA,OAAA,KACA,OAAA,OACA,iBAAA,QAIJ,2CAEI,OAAA,IAAA,MAAA,QAQJ,WACE,QAAA,KACA,WAAA,KACA,cAAA,KACA,iBAAA,QACA,mBAAA,yBVlUE,yBU6TJ,WAQI,QAAA,QAIJ,uBACE,aAAA,MACA,YAAA,MV3UE,yBUyUJ,uBAKI,aAAA,EACA,YAAA,GAIJ,eAEI,QAAA,EACA,WAAA,EACA,cAAA,EACA,iBAAA,YACA,OAAA,EANJ,oBASI,UAAA,QACA,MAAA,QGrZJ,gBACE,YAAA,IACA,MAAA,QACA,aAAA,QAHF,uBAAA,sBAOI,MAAA,KACA,iBAAA,QACA,aAAA,QATJ,sBAaI,WAAA,EAAA,EAAA,EAAA,IAAA,qBAIJ,iBACE,YAAA,IACA,MAAA,QACA,aAAA,QAHF,wBAAA,uBAOI,MAAA,QACA,iBAAA,QACA,aAAA,QATJ,uBAaI,WAAA,EAAA,EAAA,EAAA,IAAA,sBC9BJ,YACE,QAAA,QACA,WAAA,QACA,cAAA,QACA,OAAA,IAAA,MAAA,KACA,kBAAA,OXJE,cAAA,OWDJ,eASI,WAAA,EACA,cAAA,OAVJ,yBAcI,cAAA,EAdJ,iBXCI,cAAA,OWDJ,wBAsBI,WAAA,QAWJ,iBALE,kBAAA,QAEA,oBAAK,MAAA,QAIP,oBANE,kBAAA,QAEA,uBAAK,MAAA,QAKP,mBAPE,kBAAA,QAEA,sBAAK,MAAA,QC9BP,sBAEI,cAAA,EAFJ,gCAKI,MAAA,ICJJ,gBACE,QAAA,MACA,MAAA,KACA,cAAA,KACA,SAAA,OACA,MAAA,QACA,iBAAA,QbNE,cAAA,OaAJ,yBAUI,MAAA,KACA,iBAAA,QAKJ,eACE,QAAA,KAAA,EACA,WAAA,OAFF,8BAKI,WAAA,IAAA,MAAA,KALJ,kBXm/BA,kBWx+BI,WAAA,EACA,cAAA,EhB2BA,yBgBvCJ,eAgBI,QAAA,WACA,MAAA,GAjBJ,8BAoBM,WAAA,EACA,YAAA,IAAA,MAAA,KArBN,kBAyBM,UAAA,MAUN,gBACE,OAAA,EAAA,KACA,SAAA,OAFF,2BAMI,iBAAA,QANJ,iCASI,iBAAA,QATJ,mCAYI,iBAAA,QAZJ,yBAeI,iBAAA,QAIJ,cACE,MAAA,KACA,MAAA,KACA,OAAA,KACA,aAAA,OACA,YAAA,Ob3EE,cAAA,OHuDA,yBgBeJ,cASI,MAAA,KACA,OAAA,MChFF,aACE,MAAA,KACA,iBAAA,QAFF,eACE,MAAA,KACA,iBAAA,QAFF,eACE,MAAA,KACA,iBAAA,QAFF,aACE,MAAA,KACA,iBAAA,QAFF,YACE,MAAA,KACA,iBAAA,QAFF,eACE,MAAA,QACA,iBAAA,QAFF,eACE,MAAA,QACA,iBAAA,QAFF,cACE,MAAA,KACA,iBAAA,QAFF,aACE,MAAA,KACA,iBAAA,QAFF,aACE,MAAA,KACA,iBAAA,QAFF,cACE,MAAA,QACA,iBAAA,KAFF,aACE,MAAA,KACA,iBAAA,QAFF,kBACE,MAAA,KACA,iBAAA,QAKF,gBACE,MAAA,KACA,iBAAA,QAFF,kBACE,MAAA,KACA,iBAAA,QAFF,gBACE,MAAA,KACA,iBAAA,QAFF,aACE,MAAA,KACA,iBAAA,QAFF,gBACE,MAAA,QACA,iBAAA,QAFF,eACE,MAAA,KACA,iBAAA,QAFF,cACE,MAAA,QACA,iBAAA,QAFF,aACE,MAAA,KACA,iBAAA,QAKF,YACE,MAAA,QACA,iBAAA,QAFF,YACE,MAAA,QACA,iBAAA,QAFF,YACE,MAAA,QACA,iBAAA,QAFF,YACE,MAAA,QACA,iBAAA,QAFF,YACE,MAAA,QACA,iBAAA,QAFF,YACE,MAAA,KACA,iBAAA,QAFF,YACE,MAAA,KACA,iBAAA,QAFF,YACE,MAAA,KACA,iBAAA,QAFF,YACE,MAAA,KACA,iBAAA,QCjBJ,cACE,SAAA,SACA,QAAA,KACA,MAAA,MAHF,yBAMI,WAAA,ElBkDA,yBkBxDJ,cAUI,QAAA,OAIJ,eACE,SAAA,SACA,IAAA,MACA,MAAA,MACA,QAAA,GACA,QAAA,MACA,QAAA,OAAA,MACA,UAAA,IACA,MAAA,QACA,iBAAA,YACA,OAAA,EfvBE,cAAA,OeaJ,qBAcI,MAAA,KACA,iBAAA,QC3BJ,oBACE,UAAA,SACA,YAAA,OnBoDE,yBmBjDJ,uBAEI,UAAA,QCXJ,KAAO,iBAAA,KACP,GAAK,MAAA,KACL,GAAK,MAAA,KACL,GAAK,MAAA,KACL,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,iBAAA,KAAwB,OAAA,IAAA,MAAA,KAC9B,IAAM,WAAA,OACN,IAAM,MAAA,IACN,IAAM,MAAA,KACN,IAAM,iBAAA,KAAwB,OAAA,IAAA,MAAA,KAC9B,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,GAAK,MAAA,KACL,GAAK,MAAA,QACL,IAAM,MAAA,QACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,QACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,GAAK,MAAA,KACL,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,WAAA,OAAoB,MAAA,KAC1B,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,KACN,IAAM,MAAA,Kfy7CN,aev7CA,Qfs7CA,Yep7CiB,MAAA,KAEjB,uBfw7CA,qBet7CE,MAAA,KACA,QAAA,KACA,oBAAA,KAAA,iBAAA,KAAA,gBAAA,KAAA,YAAA,KAGF,6BACE,MAAA,KACA,QAAA,OACA,oBAAA,KAAA,iBAAA,KAAA,gBAAA,KAAA,YAAA,KC5EF,eACE,YAAA,IACA,MAAA,mBCII,WAAA,MAAA,KAAA,WAAA,CAAA,QAAA,KAAA,YAKF,kDDXJ,eCYM,WAAA,MDZN,qBAMI,MAAA,QACA,gBAAA,KEFJ,sBACE,QAAA,gBACA,SAAA,EAAA,KAAA,EAFF,wCAMI,MAAA,KACA,UAAA,YACA,UAAA,eACA,QAAA,OAAA,YACA,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,eACA,WAAA,EAAA,MAAA,KAAA,iBvB0CA,yBuBvDJ,wCAgBM,MAAA,MAhBN,gDAqBM,QAAA,eArBN,6DAyBM,QAAA,YACA,SAAA,kBACA,iBAAA,sBACA,OAAA,YA5BN,wDAgCM,WAAA,YAhCN,oDAqCI,QAAA,YACA,SAAA,kBAtCJ,qEA0CI,QAAA,QAAA,eACA,WAAA,YACA,UAAA,kBACA,YAAA,cACA,MAAA,kBACA,cAAA,YA/CJ,6DAmDI,MAAA,eACA,YAAA,YApDJ,wEAyDI,MAAA,eACA,MAAA,eACA,QAAA,YACA,WAAA,eA5DJ,wEAgEI,QAAA,gBACA,UAAA,QACA,MAAA,QAlEJ,+EAqEM,QAAA,EAAA,OACA,QAAA,IAtEN,6DA2EI,QAAA,YAAA,QAAA,KACA,cAAA,KAAA,UAAA,KACA,MAAA,eACA,MAAA,eACA,QAAA,OAAA,eA/EJ,qEAmFM,QAAA,eAnFN,sGA0FQ,YAAA,iBACA,WAAA,iBACA,WAAA,IAAA,MAAA,eA5FR,uFAiGM,QAAA,eAjGN,2DAsGI,QAAA,MACA,cAAA,YACA,UAAA,kBACA,YAAA,cAzGJ,0DA6GI,SAAA,EAAA,EAAA,KAAA,KAAA,EAAA,EAAA,KACA,UAAA,KACA,QAAA,MAAA,EACA,UAAA,mBACA,YAAA,IACA,YAAA,eACA,MAAA,QAnHJ,gDAuHI,MAAA,eACA,MAAA,eACA,OAAA,eACA,QAAA,OAAA,KAAA,EACA,UAAA,iBACA,YAAA,YACA,MAAA,kBACA,WAAA,IAAA,MAAA,eA9HJ,sDAkII,QAAA,iBACA,SAAA,kBACA,MAAA,kBACA,YAAA,YACA,WAAA,cAtIJ,+DA0II,MAAA,QACA,iBAAA,sBA3IJ,mGA+II,WAAA,MAAA,EAAA,KAAA,EAAA,EAAA,6BA/IJ,sFAmJI,iBAAA","sourcesContent":["/*!\n * Bootstrap Docs (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n\n// Dev notes\n//\n// Background information on nomenclature and architecture decisions here.\n//\n// - Bootstrap functions, variables, and mixins are included for easy reuse.\n// Doing so gives us access to the same core utilities provided by Bootstrap.\n// For example, consistent media queries through those mixins.\n//\n// - Bootstrap's **docs variables** are prefixed with `$bd-`.\n// These custom colors avoid collision with the components Bootstrap provides.\n//\n// - Classes are prefixed with `.bd-`.\n// These classes indicate custom-built or modified components for the design\n// and layout of the Bootstrap docs. They are not included in our builds.\n//\n// Happy Bootstrapping!\n\n// Load Bootstrap variables and mixins\n@import \"../../../../../scss/functions\";\n@import \"../../../../../scss/variables\";\n@import \"../../../../../scss/mixins\";\n\n// Load docs components\n@import \"variables\";\n@import \"nav\";\n@import \"masthead\";\n@import \"ads\";\n@import \"content\";\n@import \"skippy\";\n@import \"sidebar\";\n@import \"footer\";\n@import \"component-examples\";\n@import \"buttons\";\n@import \"callouts\";\n@import \"browser-bugs\";\n@import \"brand\";\n@import \"colors\";\n@import \"clipboard-js\";\n@import \"placeholder-img\";\n\n// Load docs dependencies\n@import \"syntax\";\n@import \"anchor\";\n@import \"algolia\";\n","//\n// Main navbar\n//\n\n.bd-navbar {\n min-height: 4rem;\n background-color: $bd-purple;\n box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);\n\n @include media-breakpoint-down(md) {\n padding-right: .5rem;\n padding-left: .5rem;\n\n .navbar-nav-scroll {\n max-width: 100%;\n height: 2.5rem;\n margin-top: .25rem;\n overflow: hidden;\n font-size: .875rem;\n\n .navbar-nav {\n padding-bottom: 2rem;\n overflow-x: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n }\n }\n }\n\n @include media-breakpoint-up(md) {\n @supports (position: sticky) {\n position: sticky;\n top: 0;\n z-index: 1071; // over everything in bootstrap\n }\n }\n\n .navbar-nav {\n .nav-link {\n padding-right: .5rem;\n padding-left: .5rem;\n color: $bd-purple-light;\n\n &.active,\n &:hover {\n color: $white;\n background-color: transparent;\n }\n\n &.active {\n font-weight: 600;\n }\n }\n }\n\n .navbar-nav-svg {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n vertical-align: text-top;\n }\n\n .dropdown-menu {\n font-size: .875rem;\n }\n\n .dropdown-item.active {\n font-weight: 600;\n color: $gray-900;\n background-color: transparent;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: .4rem .6rem;\n background-size: .75rem .75rem;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n.bd-masthead {\n position: relative;\n padding: 3rem ($grid-gutter-width / 2);\n // background-image: linear-gradient(45deg, #fafafa, #f5f5f5);\n\n h1 {\n line-height: 1;\n }\n\n .btn {\n padding: .8rem 2rem;\n font-weight: 600;\n }\n\n .carbonad {\n margin-top: 0 !important;\n margin-bottom: -3rem !important;\n }\n\n @include media-breakpoint-up(sm) {\n padding-top: 5rem;\n padding-bottom: 5rem;\n\n .carbonad {\n margin-bottom: 0 !important;\n }\n }\n\n @include media-breakpoint-up(md) {\n h1 {\n font-size: 4rem;\n }\n\n .carbonad {\n margin-top: 3rem !important;\n }\n }\n}\n\n.half-rule {\n width: 6rem;\n margin: 2.5rem 0;\n}\n\n.masthead-followup {\n .bd-clipboard { display: none; }\n\n .highlight {\n padding: .5rem 0;\n background-color: transparent;\n }\n}\n","// stylelint-disable declaration-no-important, selector-max-id\n\n//\n// Carbon ads\n//\n\n#carbonads {\n position: static;\n display: block;\n max-width: 400px;\n padding: 15px 15px 15px 160px;\n margin: 2rem 0;\n overflow: hidden;\n font-size: 13px;\n line-height: 1.4;\n text-align: left;\n background-color: rgba(0, 0, 0, .05);\n\n a {\n color: #333;\n text-decoration: none;\n }\n\n @include media-breakpoint-up(sm) {\n max-width: 330px;\n @include border-radius(4px);\n }\n}\n\n.carbon-img {\n float: left;\n margin-left: -145px;\n}\n\n.carbon-poweredby {\n display: block;\n color: #777 !important;\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable no-duplicate-selectors, selector-max-combinators, selector-max-compound-selectors, selector-max-type, selector-no-qualifying-type\n\n//\n// Automatically style Markdown-based tables like a Bootstrap `.table`.\n//\n\n.bd-content {\n order: 1;\n\n // Hack the sticky header\n > h2[id],\n > h3[id],\n > h4[id] {\n pointer-events: none;\n\n &::before {\n display: block;\n height: 6rem;\n margin-top: -6rem;\n content: \"\";\n }\n }\n\n > table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n\n @include media-breakpoint-down(md) {\n display: block;\n overflow-x: auto;\n -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057\n\n &.table-bordered {\n border: 0;\n }\n }\n\n // Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n padding: $table-cell-padding;\n vertical-align: top;\n border: 1px solid $table-border-color;\n\n > p:last-child {\n margin-bottom: 0;\n }\n }\n }\n }\n\n // Prevent breaking of code (e.g., Grunt tasks list)\n td:first-child > code {\n white-space: nowrap;\n }\n }\n}\n\n.bd-content-title {\n display: block;\n pointer-events: auto;\n}\n\n//\n// Docs sections\n//\n\n.bd-content {\n > h2:not(:first-child) {\n margin-top: 3rem;\n }\n\n > h3 {\n margin-top: 1.5rem;\n }\n\n > ul li,\n > ol li {\n margin-bottom: .25rem;\n }\n\n @include media-breakpoint-up(lg) {\n > ul,\n > ol,\n > p {\n max-width: 80%;\n }\n }\n}\n\n.bd-title {\n margin-top: 1rem;\n margin-bottom: .5rem;\n font-weight: 300;\n\n @include media-breakpoint-up(sm) {\n font-size: 3rem;\n }\n}\n\n.bd-lead {\n font-size: 1.125rem;\n font-weight: 300;\n\n @include media-breakpoint-up(sm) {\n max-width: 80%;\n margin-bottom: 1rem;\n font-size: 1.5rem;\n }\n}\n\n.bd-text-purple { color: $bd-purple; }\n.bd-text-purple-bright { color: $bd-purple-bright; }\n","/*!\n * Bootstrap Docs (https://getbootstrap.com/)\n * Copyright 2011-2018 The Bootstrap Authors\n * Copyright 2011-2018 Twitter, Inc.\n * Licensed under the Creative Commons Attribution 3.0 Unported License. For\n * details, see https://creativecommons.org/licenses/by/3.0/.\n */\n.bd-navbar {\n min-height: 4rem;\n background-color: #563d7c;\n box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05), inset 0 -1px 0 rgba(0, 0, 0, 0.1);\n}\n\n@media (max-width: 991.98px) {\n .bd-navbar {\n padding-right: .5rem;\n padding-left: .5rem;\n }\n .bd-navbar .navbar-nav-scroll {\n max-width: 100%;\n height: 2.5rem;\n margin-top: .25rem;\n overflow: hidden;\n font-size: .875rem;\n }\n .bd-navbar .navbar-nav-scroll .navbar-nav {\n padding-bottom: 2rem;\n overflow-x: auto;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n }\n}\n\n@media (min-width: 768px) {\n @supports ((position: -webkit-sticky) or (position: sticky)) {\n .bd-navbar {\n position: -webkit-sticky;\n position: sticky;\n top: 0;\n z-index: 1071;\n }\n }\n}\n\n.bd-navbar .navbar-nav .nav-link {\n padding-right: .5rem;\n padding-left: .5rem;\n color: #cbbde2;\n}\n\n.bd-navbar .navbar-nav .nav-link.active, .bd-navbar .navbar-nav .nav-link:hover {\n color: #fff;\n background-color: transparent;\n}\n\n.bd-navbar .navbar-nav .nav-link.active {\n font-weight: 600;\n}\n\n.bd-navbar .navbar-nav-svg {\n display: inline-block;\n width: 1rem;\n height: 1rem;\n vertical-align: text-top;\n}\n\n.bd-navbar .dropdown-menu {\n font-size: .875rem;\n}\n\n.bd-navbar .dropdown-item.active {\n font-weight: 600;\n color: #212529;\n background-color: transparent;\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: .4rem .6rem;\n background-size: .75rem .75rem;\n}\n\n.bd-masthead {\n position: relative;\n padding: 3rem 15px;\n}\n\n.bd-masthead h1 {\n line-height: 1;\n}\n\n.bd-masthead .btn {\n padding: .8rem 2rem;\n font-weight: 600;\n}\n\n.bd-masthead .carbonad {\n margin-top: 0 !important;\n margin-bottom: -3rem !important;\n}\n\n@media (min-width: 576px) {\n .bd-masthead {\n padding-top: 5rem;\n padding-bottom: 5rem;\n }\n .bd-masthead .carbonad {\n margin-bottom: 0 !important;\n }\n}\n\n@media (min-width: 768px) {\n .bd-masthead h1 {\n font-size: 4rem;\n }\n .bd-masthead .carbonad {\n margin-top: 3rem !important;\n }\n}\n\n.half-rule {\n width: 6rem;\n margin: 2.5rem 0;\n}\n\n.masthead-followup .bd-clipboard {\n display: none;\n}\n\n.masthead-followup .highlight {\n padding: .5rem 0;\n background-color: transparent;\n}\n\n#carbonads {\n position: static;\n display: block;\n max-width: 400px;\n padding: 15px 15px 15px 160px;\n margin: 2rem 0;\n overflow: hidden;\n font-size: 13px;\n line-height: 1.4;\n text-align: left;\n background-color: rgba(0, 0, 0, 0.05);\n}\n\n#carbonads a {\n color: #333;\n text-decoration: none;\n}\n\n@media (min-width: 576px) {\n #carbonads {\n max-width: 330px;\n border-radius: 4px;\n }\n}\n\n.carbon-img {\n float: left;\n margin-left: -145px;\n}\n\n.carbon-poweredby {\n display: block;\n color: #777 !important;\n}\n\n.bd-content {\n -ms-flex-order: 1;\n order: 1;\n}\n\n.bd-content > h2[id],\n.bd-content > h3[id],\n.bd-content > h4[id] {\n pointer-events: none;\n}\n\n.bd-content > h2[id]::before,\n.bd-content > h3[id]::before,\n.bd-content > h4[id]::before {\n display: block;\n height: 6rem;\n margin-top: -6rem;\n content: \"\";\n}\n\n.bd-content > table {\n width: 100%;\n max-width: 100%;\n margin-bottom: 1rem;\n}\n\n@media (max-width: 991.98px) {\n .bd-content > table {\n display: block;\n overflow-x: auto;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n }\n .bd-content > table.table-bordered {\n border: 0;\n }\n}\n\n.bd-content > table > thead > tr > th,\n.bd-content > table > thead > tr > td,\n.bd-content > table > tbody > tr > th,\n.bd-content > table > tbody > tr > td,\n.bd-content > table > tfoot > tr > th,\n.bd-content > table > tfoot > tr > td {\n padding: 0.75rem;\n vertical-align: top;\n border: 1px solid #dee2e6;\n}\n\n.bd-content > table > thead > tr > th > p:last-child,\n.bd-content > table > thead > tr > td > p:last-child,\n.bd-content > table > tbody > tr > th > p:last-child,\n.bd-content > table > tbody > tr > td > p:last-child,\n.bd-content > table > tfoot > tr > th > p:last-child,\n.bd-content > table > tfoot > tr > td > p:last-child {\n margin-bottom: 0;\n}\n\n.bd-content > table td:first-child > code {\n white-space: nowrap;\n}\n\n.bd-content-title {\n display: block;\n pointer-events: auto;\n}\n\n.bd-content > h2:not(:first-child) {\n margin-top: 3rem;\n}\n\n.bd-content > h3 {\n margin-top: 1.5rem;\n}\n\n.bd-content > ul li,\n.bd-content > ol li {\n margin-bottom: .25rem;\n}\n\n@media (min-width: 992px) {\n .bd-content > ul,\n .bd-content > ol,\n .bd-content > p {\n max-width: 80%;\n }\n}\n\n.bd-title {\n margin-top: 1rem;\n margin-bottom: .5rem;\n font-weight: 300;\n}\n\n@media (min-width: 576px) {\n .bd-title {\n font-size: 3rem;\n }\n}\n\n.bd-lead {\n font-size: 1.125rem;\n font-weight: 300;\n}\n\n@media (min-width: 576px) {\n .bd-lead {\n max-width: 80%;\n margin-bottom: 1rem;\n font-size: 1.5rem;\n }\n}\n\n.bd-text-purple {\n color: #563d7c;\n}\n\n.bd-text-purple-bright {\n color: #7952b3;\n}\n\n.skippy {\n display: block;\n padding: 1em;\n color: #fff;\n text-align: center;\n background-color: #563d7c;\n outline: 0;\n}\n\n.skippy:hover {\n color: #fff;\n}\n\n.skippy-text {\n padding: .5em;\n outline: 1px dotted;\n}\n\n.bd-toc {\n -ms-flex-order: 2;\n order: 2;\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n font-size: .875rem;\n}\n\n@supports ((position: -webkit-sticky) or (position: sticky)) {\n .bd-toc {\n position: -webkit-sticky;\n position: sticky;\n top: 4rem;\n height: calc(100vh - 4rem);\n overflow-y: auto;\n }\n}\n\n.section-nav {\n padding-left: 0;\n border-left: 1px solid #eee;\n}\n\n.section-nav ul {\n padding-left: 1rem;\n}\n\n.toc-entry {\n display: block;\n}\n\n.toc-entry a {\n display: block;\n padding: .125rem 1.5rem;\n color: #99979c;\n}\n\n.toc-entry a:hover {\n color: #007bff;\n text-decoration: none;\n}\n\n.bd-sidebar {\n -ms-flex-order: 0;\n order: 0;\n border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n@media (min-width: 768px) {\n .bd-sidebar {\n border-right: 1px solid rgba(0, 0, 0, 0.1);\n }\n @supports ((position: -webkit-sticky) or (position: sticky)) {\n .bd-sidebar {\n position: -webkit-sticky;\n position: sticky;\n top: 4rem;\n z-index: 1000;\n height: calc(100vh - 4rem);\n }\n }\n}\n\n@media (min-width: 1200px) {\n .bd-sidebar {\n -ms-flex: 0 1 320px;\n flex: 0 1 320px;\n }\n}\n\n.bd-links {\n padding-top: 1rem;\n padding-bottom: 1rem;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n@media (min-width: 768px) {\n @supports ((position: -webkit-sticky) or (position: sticky)) {\n .bd-links {\n max-height: calc(100vh - 9rem);\n overflow-y: auto;\n }\n }\n}\n\n@media (min-width: 768px) {\n .bd-links {\n display: block !important;\n }\n}\n\n.bd-search {\n position: relative;\n padding: 1rem 15px;\n margin-right: -15px;\n margin-left: -15px;\n border-bottom: 1px solid rgba(0, 0, 0, 0.05);\n}\n\n.bd-search .form-control:focus {\n border-color: #7952b3;\n box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);\n}\n\n.bd-search-docs-toggle {\n line-height: 1;\n color: #212529;\n}\n\n.bd-sidenav {\n display: none;\n}\n\n.bd-toc-link {\n display: block;\n padding: .25rem 1.5rem;\n font-weight: 600;\n color: rgba(0, 0, 0, 0.65);\n}\n\n.bd-toc-link:hover {\n color: rgba(0, 0, 0, 0.85);\n text-decoration: none;\n}\n\n.bd-toc-item.active {\n margin-bottom: 1rem;\n}\n\n.bd-toc-item.active:not(:first-child) {\n margin-top: 1rem;\n}\n\n.bd-toc-item.active > .bd-toc-link {\n color: rgba(0, 0, 0, 0.85);\n}\n\n.bd-toc-item.active > .bd-toc-link:hover {\n background-color: transparent;\n}\n\n.bd-toc-item.active > .bd-sidenav {\n display: block;\n}\n\n.bd-sidebar .nav > li > a {\n display: block;\n padding: .25rem 1.5rem;\n font-size: 90%;\n color: rgba(0, 0, 0, 0.65);\n}\n\n.bd-sidebar .nav > li > a:hover {\n color: rgba(0, 0, 0, 0.85);\n text-decoration: none;\n background-color: transparent;\n}\n\n.bd-sidebar .nav > .active > a,\n.bd-sidebar .nav > .active:hover > a {\n font-weight: 600;\n color: rgba(0, 0, 0, 0.85);\n background-color: transparent;\n}\n\n.bd-footer {\n font-size: 85%;\n text-align: center;\n background-color: #f7f7f7;\n}\n\n.bd-footer a {\n font-weight: 600;\n color: #495057;\n}\n\n.bd-footer a:hover, .bd-footer a:focus {\n color: #007bff;\n}\n\n.bd-footer p {\n margin-bottom: 0;\n}\n\n@media (min-width: 576px) {\n .bd-footer {\n text-align: left;\n }\n}\n\n.bd-footer-links {\n padding-left: 0;\n margin-bottom: 1rem;\n}\n\n.bd-footer-links li {\n display: inline-block;\n}\n\n.bd-footer-links li + li {\n margin-left: 1rem;\n}\n\n.bd-example-row .row > .col,\n.bd-example-row .row > [class^=\"col-\"] {\n padding-top: .75rem;\n padding-bottom: .75rem;\n background-color: rgba(86, 61, 124, 0.15);\n border: 1px solid rgba(86, 61, 124, 0.2);\n}\n\n.bd-example-row .row + .row {\n margin-top: 1rem;\n}\n\n.bd-example-row .flex-items-top,\n.bd-example-row .flex-items-middle,\n.bd-example-row .flex-items-bottom {\n min-height: 6rem;\n background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-example-row-flex-cols .row {\n min-height: 10rem;\n background-color: rgba(255, 0, 0, 0.1);\n}\n\n.bd-highlight {\n background-color: rgba(86, 61, 124, 0.15);\n border: 1px solid rgba(86, 61, 124, 0.15);\n}\n\n.example-container {\n width: 800px;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n margin-right: auto;\n margin-left: auto;\n}\n\n.example-row {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n margin-right: -15px;\n margin-left: -15px;\n}\n\n.example-content-main {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n@media (min-width: 576px) {\n .example-content-main {\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n}\n\n@media (min-width: 992px) {\n .example-content-main {\n -ms-flex: 0 0 66.666667%;\n flex: 0 0 66.666667%;\n max-width: 66.666667%;\n }\n}\n\n.example-content-secondary {\n position: relative;\n width: 100%;\n padding-right: 15px;\n padding-left: 15px;\n}\n\n@media (min-width: 576px) {\n .example-content-secondary {\n -ms-flex: 0 0 50%;\n flex: 0 0 50%;\n max-width: 50%;\n }\n}\n\n@media (min-width: 992px) {\n .example-content-secondary {\n -ms-flex: 0 0 33.333333%;\n flex: 0 0 33.333333%;\n max-width: 33.333333%;\n }\n}\n\n.bd-example-container {\n min-width: 16rem;\n max-width: 25rem;\n margin-right: auto;\n margin-left: auto;\n}\n\n.bd-example-container-header {\n height: 3rem;\n margin-bottom: .5rem;\n background-color: white;\n border-radius: 0.25rem;\n}\n\n.bd-example-container-sidebar {\n float: right;\n width: 4rem;\n height: 8rem;\n background-color: #80bdff;\n border-radius: 0.25rem;\n}\n\n.bd-example-container-body {\n height: 8rem;\n margin-right: 4.5rem;\n background-color: #957bbe;\n border-radius: 0.25rem;\n}\n\n.bd-example-container-fluid {\n max-width: none;\n}\n\n.bd-example {\n position: relative;\n padding: 1rem;\n margin: 1rem -15px 0;\n border: solid #f8f9fa;\n border-width: .2rem 0 0;\n}\n\n.bd-example::after {\n display: block;\n clear: both;\n content: \"\";\n}\n\n@media (min-width: 576px) {\n .bd-example {\n padding: 1.5rem;\n margin-right: 0;\n margin-left: 0;\n border-width: .2rem;\n }\n}\n\n.bd-example + .highlight,\n.bd-example + .clipboard + .highlight {\n margin-top: 0;\n}\n\n.bd-example + p {\n margin-top: 2rem;\n}\n\n.bd-example .pos-f-t {\n position: relative;\n margin: -1rem;\n}\n\n@media (min-width: 576px) {\n .bd-example .pos-f-t {\n margin: -1.5rem;\n }\n}\n\n.bd-example .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: \"Elegir\";\n}\n\n.bd-example > .form-control + .form-control {\n margin-top: .5rem;\n}\n\n.bd-example > .nav + .nav,\n.bd-example > .alert + .alert,\n.bd-example > .navbar + .navbar,\n.bd-example > .progress + .progress,\n.bd-example > .progress + .btn {\n margin-top: 1rem;\n}\n\n.bd-example > .dropdown-menu:first-child {\n position: static;\n display: block;\n}\n\n.bd-example > .form-group:last-child {\n margin-bottom: 0;\n}\n\n.bd-example > .close {\n float: none;\n}\n\n.bd-example-type .table .type-info {\n color: #999;\n vertical-align: middle;\n}\n\n.bd-example-type .table td {\n padding: 1rem 0;\n border-color: #eee;\n}\n\n.bd-example-type .table tr:first-child td {\n border-top: 0;\n}\n\n.bd-example-type h1,\n.bd-example-type h2,\n.bd-example-type h3,\n.bd-example-type h4,\n.bd-example-type h5,\n.bd-example-type h6 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.bd-example-bg-classes p {\n padding: 1rem;\n}\n\n.bd-example > svg + svg,\n.bd-example > img + img {\n margin-left: .5rem;\n}\n\n.bd-example > .btn-group {\n margin-top: .25rem;\n margin-bottom: .25rem;\n}\n\n.bd-example > .btn-toolbar + .btn-toolbar {\n margin-top: .5rem;\n}\n\n.bd-example-control-sizing select,\n.bd-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n margin-top: .5rem;\n}\n\n.bd-example-form .input-group {\n margin-bottom: .5rem;\n}\n\n.bd-example > textarea.form-control {\n resize: vertical;\n}\n\n.bd-example > .list-group {\n max-width: 400px;\n}\n\n.bd-example .fixed-top,\n.bd-example .sticky-top {\n position: static;\n margin: -1rem -1rem 1rem;\n}\n\n.bd-example .fixed-bottom {\n position: static;\n margin: 1rem -1rem -1rem;\n}\n\n@media (min-width: 576px) {\n .bd-example .fixed-top,\n .bd-example .sticky-top {\n margin: -1.5rem -1.5rem 1rem;\n }\n .bd-example .fixed-bottom {\n margin: 1rem -1.5rem -1.5rem;\n }\n}\n\n.bd-example .pagination {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n.modal {\n z-index: 1072;\n}\n\n.modal .tooltip,\n.modal .popover {\n z-index: 1073;\n}\n\n.modal-backdrop {\n z-index: 1071;\n}\n\n.bd-example-modal {\n background-color: #fafafa;\n}\n\n.bd-example-modal .modal {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n z-index: 1;\n display: block;\n}\n\n.bd-example-modal .modal-dialog {\n left: auto;\n margin-right: auto;\n margin-left: auto;\n}\n\n.bd-example-tabs .nav-tabs {\n margin-bottom: 1rem;\n}\n\n.bd-example-popover-static {\n padding-bottom: 1.5rem;\n background-color: #f9f9f9;\n}\n\n.bd-example-popover-static .popover {\n position: relative;\n display: block;\n float: left;\n width: 260px;\n margin: 1.25rem;\n}\n\n.tooltip-demo a {\n white-space: nowrap;\n}\n\n.bd-example-tooltip-static .tooltip {\n position: relative;\n display: inline-block;\n margin: 10px 20px;\n opacity: 1;\n}\n\n.scrollspy-example {\n position: relative;\n height: 200px;\n margin-top: .5rem;\n overflow: auto;\n}\n\n.scrollspy-example-2 {\n position: relative;\n height: 350px;\n overflow: auto;\n}\n\n.bd-example-border-utils [class^=\"border\"] {\n display: inline-block;\n width: 5rem;\n height: 5rem;\n margin: .25rem;\n background-color: #f5f5f5;\n}\n\n.bd-example-border-utils-0 [class^=\"border\"] {\n border: 1px solid #dee2e6;\n}\n\n.highlight {\n padding: 1rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n background-color: #f8f9fa;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n@media (min-width: 576px) {\n .highlight {\n padding: 1.5rem;\n }\n}\n\n.bd-content .highlight {\n margin-right: -15px;\n margin-left: -15px;\n}\n\n@media (min-width: 576px) {\n .bd-content .highlight {\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n.highlight pre {\n padding: 0;\n margin-top: 0;\n margin-bottom: 0;\n background-color: transparent;\n border: 0;\n}\n\n.highlight pre code {\n font-size: inherit;\n color: #212529;\n}\n\n.btn-bd-primary {\n font-weight: 600;\n color: #7952b3;\n border-color: #7952b3;\n}\n\n.btn-bd-primary:hover, .btn-bd-primary:active {\n color: #fff;\n background-color: #7952b3;\n border-color: #7952b3;\n}\n\n.btn-bd-primary:focus {\n box-shadow: 0 0 0 3px rgba(121, 82, 179, 0.25);\n}\n\n.btn-bd-download {\n font-weight: 600;\n color: #ffe484;\n border-color: #ffe484;\n}\n\n.btn-bd-download:hover, .btn-bd-download:active {\n color: #2a2730;\n background-color: #ffe484;\n border-color: #ffe484;\n}\n\n.btn-bd-download:focus {\n box-shadow: 0 0 0 3px rgba(255, 228, 132, 0.25);\n}\n\n.bd-callout {\n padding: 1.25rem;\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n border: 1px solid #eee;\n border-left-width: .25rem;\n border-radius: 0.25rem;\n}\n\n.bd-callout h4 {\n margin-top: 0;\n margin-bottom: .25rem;\n}\n\n.bd-callout p:last-child {\n margin-bottom: 0;\n}\n\n.bd-callout code {\n border-radius: 0.25rem;\n}\n\n.bd-callout + .bd-callout {\n margin-top: -.25rem;\n}\n\n.bd-callout-info {\n border-left-color: #5bc0de;\n}\n\n.bd-callout-info h4 {\n color: #5bc0de;\n}\n\n.bd-callout-warning {\n border-left-color: #f0ad4e;\n}\n\n.bd-callout-warning h4 {\n color: #f0ad4e;\n}\n\n.bd-callout-danger {\n border-left-color: #d9534f;\n}\n\n.bd-callout-danger h4 {\n color: #d9534f;\n}\n\n.bd-browser-bugs td p {\n margin-bottom: 0;\n}\n\n.bd-browser-bugs th:first-child {\n width: 18%;\n}\n\n.bd-brand-logos {\n display: table;\n width: 100%;\n margin-bottom: 1rem;\n overflow: hidden;\n color: #563d7c;\n background-color: #f9f9f9;\n border-radius: 0.25rem;\n}\n\n.bd-brand-logos .inverse {\n color: #fff;\n background-color: #563d7c;\n}\n\n.bd-brand-item {\n padding: 4rem 0;\n text-align: center;\n}\n\n.bd-brand-item + .bd-brand-item {\n border-top: 1px solid #fff;\n}\n\n.bd-brand-item h1,\n.bd-brand-item h3 {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n@media (min-width: 768px) {\n .bd-brand-item {\n display: table-cell;\n width: 1%;\n }\n .bd-brand-item + .bd-brand-item {\n border-top: 0;\n border-left: 1px solid #fff;\n }\n .bd-brand-item h1 {\n font-size: 4rem;\n }\n}\n\n.color-swatches {\n margin: 0 -5px;\n overflow: hidden;\n}\n\n.color-swatches .bd-purple {\n background-color: #563d7c;\n}\n\n.color-swatches .bd-purple-light {\n background-color: #cbbde2;\n}\n\n.color-swatches .bd-purple-lighter {\n background-color: #e5e1ea;\n}\n\n.color-swatches .bd-gray {\n background-color: #f9f9f9;\n}\n\n.color-swatch {\n float: left;\n width: 4rem;\n height: 4rem;\n margin-right: .25rem;\n margin-left: .25rem;\n border-radius: 0.25rem;\n}\n\n@media (min-width: 768px) {\n .color-swatch {\n width: 6rem;\n height: 6rem;\n }\n}\n\n.swatch-blue {\n color: #fff;\n background-color: #007bff;\n}\n\n.swatch-indigo {\n color: #fff;\n background-color: #6610f2;\n}\n\n.swatch-purple {\n color: #fff;\n background-color: #6f42c1;\n}\n\n.swatch-pink {\n color: #fff;\n background-color: #e83e8c;\n}\n\n.swatch-red {\n color: #fff;\n background-color: #dc3545;\n}\n\n.swatch-orange {\n color: #212529;\n background-color: #fd7e14;\n}\n\n.swatch-yellow {\n color: #212529;\n background-color: #ffc107;\n}\n\n.swatch-green {\n color: #fff;\n background-color: #28a745;\n}\n\n.swatch-teal {\n color: #fff;\n background-color: #20c997;\n}\n\n.swatch-cyan {\n color: #fff;\n background-color: #17a2b8;\n}\n\n.swatch-white {\n color: #212529;\n background-color: #fff;\n}\n\n.swatch-gray {\n color: #fff;\n background-color: #6c757d;\n}\n\n.swatch-gray-dark {\n color: #fff;\n background-color: #343a40;\n}\n\n.swatch-primary {\n color: #fff;\n background-color: #007bff;\n}\n\n.swatch-secondary {\n color: #fff;\n background-color: #6c757d;\n}\n\n.swatch-success {\n color: #fff;\n background-color: #28a745;\n}\n\n.swatch-info {\n color: #fff;\n background-color: #17a2b8;\n}\n\n.swatch-warning {\n color: #212529;\n background-color: #ffc107;\n}\n\n.swatch-danger {\n color: #fff;\n background-color: #dc3545;\n}\n\n.swatch-light {\n color: #212529;\n background-color: #f8f9fa;\n}\n\n.swatch-dark {\n color: #fff;\n background-color: #343a40;\n}\n\n.swatch-100 {\n color: #212529;\n background-color: #f8f9fa;\n}\n\n.swatch-200 {\n color: #212529;\n background-color: #e9ecef;\n}\n\n.swatch-300 {\n color: #212529;\n background-color: #dee2e6;\n}\n\n.swatch-400 {\n color: #212529;\n background-color: #ced4da;\n}\n\n.swatch-500 {\n color: #212529;\n background-color: #adb5bd;\n}\n\n.swatch-600 {\n color: #fff;\n background-color: #6c757d;\n}\n\n.swatch-700 {\n color: #fff;\n background-color: #495057;\n}\n\n.swatch-800 {\n color: #fff;\n background-color: #343a40;\n}\n\n.swatch-900 {\n color: #fff;\n background-color: #212529;\n}\n\n.bd-clipboard {\n position: relative;\n display: none;\n float: right;\n}\n\n.bd-clipboard + .highlight {\n margin-top: 0;\n}\n\n@media (min-width: 768px) {\n .bd-clipboard {\n display: block;\n }\n}\n\n.btn-clipboard {\n position: absolute;\n top: .5rem;\n right: .5rem;\n z-index: 10;\n display: block;\n padding: .25rem .5rem;\n font-size: 75%;\n color: #818a91;\n background-color: transparent;\n border: 0;\n border-radius: 0.25rem;\n}\n\n.btn-clipboard:hover {\n color: #fff;\n background-color: #027de7;\n}\n\n.bd-placeholder-img {\n font-size: 1.125rem;\n text-anchor: middle;\n}\n\n@media (min-width: 768px) {\n .bd-placeholder-img-lg {\n font-size: 3.5rem;\n }\n}\n\n.hll {\n background-color: #ffc;\n}\n\n.c {\n color: #999;\n}\n\n.k {\n color: #069;\n}\n\n.o {\n color: #555;\n}\n\n.cm {\n color: #999;\n}\n\n.cp {\n color: #099;\n}\n\n.c1 {\n color: #999;\n}\n\n.cs {\n color: #999;\n}\n\n.gd {\n background-color: #fcc;\n border: 1px solid #c00;\n}\n\n.ge {\n font-style: italic;\n}\n\n.gr {\n color: #f00;\n}\n\n.gh {\n color: #030;\n}\n\n.gi {\n background-color: #cfc;\n border: 1px solid #0c0;\n}\n\n.go {\n color: #aaa;\n}\n\n.gp {\n color: #009;\n}\n\n.gu {\n color: #030;\n}\n\n.gt {\n color: #9c6;\n}\n\n.kc {\n color: #069;\n}\n\n.kd {\n color: #069;\n}\n\n.kn {\n color: #069;\n}\n\n.kp {\n color: #069;\n}\n\n.kr {\n color: #069;\n}\n\n.kt {\n color: #078;\n}\n\n.m {\n color: #f60;\n}\n\n.s {\n color: #d44950;\n}\n\n.na {\n color: #4f9fcf;\n}\n\n.nb {\n color: #366;\n}\n\n.nc {\n color: #0a8;\n}\n\n.no {\n color: #360;\n}\n\n.nd {\n color: #99f;\n}\n\n.ni {\n color: #999;\n}\n\n.ne {\n color: #c00;\n}\n\n.nf {\n color: #c0f;\n}\n\n.nl {\n color: #99f;\n}\n\n.nn {\n color: #0cf;\n}\n\n.nt {\n color: #2f6f9f;\n}\n\n.nv {\n color: #033;\n}\n\n.ow {\n color: #000;\n}\n\n.w {\n color: #bbb;\n}\n\n.mf {\n color: #f60;\n}\n\n.mh {\n color: #f60;\n}\n\n.mi {\n color: #f60;\n}\n\n.mo {\n color: #f60;\n}\n\n.sb {\n color: #c30;\n}\n\n.sc {\n color: #c30;\n}\n\n.sd {\n font-style: italic;\n color: #c30;\n}\n\n.s2 {\n color: #c30;\n}\n\n.se {\n color: #c30;\n}\n\n.sh {\n color: #c30;\n}\n\n.si {\n color: #a00;\n}\n\n.sx {\n color: #c30;\n}\n\n.sr {\n color: #3aa;\n}\n\n.s1 {\n color: #c30;\n}\n\n.ss {\n color: #fc3;\n}\n\n.bp {\n color: #366;\n}\n\n.vc {\n color: #033;\n}\n\n.vg {\n color: #033;\n}\n\n.vi {\n color: #033;\n}\n\n.il {\n color: #f60;\n}\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt {\n color: #999;\n}\n\n.language-bash::before,\n.language-sh::before {\n color: #009;\n content: \"$ \";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.language-powershell::before {\n color: #009;\n content: \"PM> \";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.anchorjs-link {\n font-weight: 400;\n color: rgba(0, 123, 255, 0.5);\n transition: color 0.15s ease-in-out, opacity 0.15s ease-in-out;\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n .anchorjs-link {\n transition: none;\n }\n}\n\n.anchorjs-link:hover {\n color: #007bff;\n text-decoration: none;\n}\n\n.algolia-autocomplete {\n display: block !important;\n -ms-flex: 1;\n flex: 1;\n}\n\n.algolia-autocomplete .ds-dropdown-menu {\n width: 100%;\n min-width: 0 !important;\n max-width: none !important;\n padding: .75rem 0 !important;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, 0.1);\n box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);\n}\n\n@media (min-width: 768px) {\n .algolia-autocomplete .ds-dropdown-menu {\n width: 175%;\n }\n}\n\n.algolia-autocomplete .ds-dropdown-menu::before {\n display: none !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu [class^=\"ds-dataset-\"] {\n padding: 0 !important;\n overflow: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n}\n\n.algolia-autocomplete .ds-dropdown-menu .ds-suggestions {\n margin-top: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion {\n padding: 0 !important;\n overflow: visible !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--category-header {\n padding: .125rem 1rem !important;\n margin-top: 0 !important;\n font-size: .875rem !important;\n font-weight: 600 !important;\n color: #7952b3 !important;\n border-bottom: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--wrapper {\n float: none !important;\n padding-top: 0 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {\n float: none !important;\n width: auto !important;\n padding: 0 !important;\n text-align: left !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline {\n display: block !important;\n font-size: .875rem;\n color: #495057;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-inline::after {\n padding: 0 .25rem;\n content: \"/\";\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--content {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n float: none !important;\n width: 100% !important;\n padding: .25rem 1rem !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--content::before {\n display: none !important;\n}\n\n.algolia-autocomplete .ds-suggestion:not(:first-child) .algolia-docsearch-suggestion--category-header {\n padding-top: .75rem !important;\n margin-top: .75rem !important;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.algolia-autocomplete .ds-suggestion .algolia-docsearch-suggestion--subcategory-column {\n display: none !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--title {\n display: block;\n margin-bottom: 0 !important;\n font-size: .875rem !important;\n font-weight: 400 !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--text {\n -ms-flex: 0 0 100%;\n flex: 0 0 100%;\n max-width: 100%;\n padding: .2rem 0;\n font-size: .8125rem !important;\n font-weight: 400;\n line-height: 1.25 !important;\n color: #6c757d;\n}\n\n.algolia-autocomplete .algolia-docsearch-footer {\n float: none !important;\n width: auto !important;\n height: auto !important;\n padding: .75rem 1rem 0;\n font-size: .75rem !important;\n line-height: 1 !important;\n color: #767676 !important;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n}\n\n.algolia-autocomplete .algolia-docsearch-footer--logo {\n display: inline !important;\n overflow: visible !important;\n color: inherit !important;\n text-indent: 0 !important;\n background: none !important;\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--highlight {\n color: #5f2dab;\n background-color: rgba(154, 132, 187, 0.12);\n}\n\n.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, 0.5) !important;\n}\n\n.algolia-autocomplete .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: rgba(208, 189, 236, 0.15) !important;\n}\n/*# sourceMappingURL=docs.min.css.map */",".skippy {\n display: block;\n padding: 1em;\n color: $white;\n text-align: center;\n background-color: $bd-purple;\n outline: 0;\n\n @include hover {\n color: $white;\n }\n}\n\n.skippy-text {\n padding: .5em;\n outline: 1px dotted;\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable declaration-no-important\n\n//\n// Right side table of contents\n//\n\n.bd-toc {\n @supports (position: sticky) {\n position: sticky;\n top: 4rem;\n height: calc(100vh - 4rem);\n overflow-y: auto;\n }\n order: 2;\n padding-top: 1.5rem;\n padding-bottom: 1.5rem;\n font-size: .875rem;\n}\n\n.section-nav {\n padding-left: 0;\n border-left: 1px solid #eee;\n\n ul {\n padding-left: 1rem;\n }\n}\n\n.toc-entry {\n display: block;\n\n a {\n display: block;\n padding: .125rem 1.5rem;\n color: #99979c;\n\n &:hover {\n color: $blue;\n text-decoration: none;\n }\n }\n}\n\n//\n// Left side navigation\n//\n\n.bd-sidebar {\n order: 0;\n // background-color: #f5f2f9;\n border-bottom: 1px solid rgba(0, 0, 0, .1);\n\n @include media-breakpoint-up(md) {\n @supports (position: sticky) {\n position: sticky;\n top: 4rem;\n z-index: 1000;\n height: calc(100vh - 4rem);\n }\n border-right: 1px solid rgba(0, 0, 0, .1);\n }\n\n @include media-breakpoint-up(xl) {\n flex: 0 1 320px;\n }\n}\n\n.bd-links {\n padding-top: 1rem;\n padding-bottom: 1rem;\n margin-right: -15px;\n margin-left: -15px;\n\n @include media-breakpoint-up(md) {\n @supports (position: sticky) {\n max-height: calc(100vh - 9rem);\n overflow-y: auto;\n }\n }\n\n // Override collapse behaviors\n @include media-breakpoint-up(md) {\n display: block !important;\n }\n}\n\n.bd-search {\n position: relative; // To contain the Algolia search\n padding: 1rem 15px;\n margin-right: -15px;\n margin-left: -15px;\n border-bottom: 1px solid rgba(0, 0, 0, .05);\n\n .form-control:focus {\n border-color: $bd-purple-bright;\n box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);\n }\n}\n\n.bd-search-docs-toggle {\n line-height: 1;\n color: $gray-900;\n}\n\n.bd-sidenav {\n display: none;\n}\n\n.bd-toc-link {\n display: block;\n padding: .25rem 1.5rem;\n font-weight: 600;\n color: rgba(0, 0, 0, .65);\n\n &:hover {\n color: rgba(0, 0, 0, .85);\n text-decoration: none;\n }\n}\n\n.bd-toc-item {\n &.active {\n margin-bottom: 1rem;\n\n &:not(:first-child) {\n margin-top: 1rem;\n }\n\n > .bd-toc-link {\n color: rgba(0, 0, 0, .85);\n\n &:hover {\n background-color: transparent;\n }\n }\n\n > .bd-sidenav {\n display: block;\n }\n }\n}\n\n// All levels of nav\n.bd-sidebar .nav > li > a {\n display: block;\n padding: .25rem 1.5rem;\n font-size: 90%;\n color: rgba(0, 0, 0, .65);\n}\n\n.bd-sidebar .nav > li > a:hover {\n color: rgba(0, 0, 0, .85);\n text-decoration: none;\n background-color: transparent;\n}\n\n.bd-sidebar .nav > .active > a,\n.bd-sidebar .nav > .active:hover > a {\n font-weight: 600;\n color: rgba(0, 0, 0, .85);\n background-color: transparent;\n}\n","//\n// Footer\n//\n\n.bd-footer {\n font-size: 85%;\n text-align: center;\n background-color: #f7f7f7;\n\n a {\n font-weight: 600;\n color: $gray-700;\n\n &:hover,\n &:focus {\n color: $link-color;\n }\n }\n\n p {\n margin-bottom: 0;\n }\n\n @include media-breakpoint-up(sm) {\n text-align: left;\n }\n}\n\n.bd-footer-links {\n padding-left: 0;\n margin-bottom: 1rem;\n\n li {\n display: inline-block;\n\n + li {\n margin-left: 1rem;\n }\n }\n}\n","// stylelint-disable no-duplicate-selectors, selector-no-qualifying-type\n\n//\n// Grid examples\n//\n\n.bd-example-row {\n .row {\n > .col,\n > [class^=\"col-\"] {\n padding-top: .75rem;\n padding-bottom: .75rem;\n background-color: rgba(86, 61, 124, .15);\n border: 1px solid rgba(86, 61, 124, .2);\n }\n }\n\n .row + .row {\n margin-top: 1rem;\n }\n\n .flex-items-top,\n .flex-items-middle,\n .flex-items-bottom {\n min-height: 6rem;\n background-color: rgba(255, 0, 0, .1);\n }\n}\n\n.bd-example-row-flex-cols .row {\n min-height: 10rem;\n background-color: rgba(255, 0, 0, .1);\n}\n\n.bd-highlight {\n background-color: rgba($bd-purple, .15);\n border: 1px solid rgba($bd-purple, .15);\n}\n\n// Grid mixins\n.example-container {\n width: 800px;\n @include make-container();\n}\n\n.example-row {\n @include make-row();\n}\n\n.example-content-main {\n @include make-col-ready();\n\n @include media-breakpoint-up(sm) {\n @include make-col(6);\n }\n\n @include media-breakpoint-up(lg) {\n @include make-col(8);\n }\n}\n\n.example-content-secondary {\n @include make-col-ready();\n\n @include media-breakpoint-up(sm) {\n @include make-col(6);\n }\n\n @include media-breakpoint-up(lg) {\n @include make-col(4);\n }\n}\n\n\n//\n// Container illustrations\n//\n\n.bd-example-container {\n min-width: 16rem;\n max-width: 25rem;\n margin-right: auto;\n margin-left: auto;\n}\n\n.bd-example-container-header {\n height: 3rem;\n margin-bottom: .5rem;\n background-color: lighten($blue, 50%);\n @include border-radius;\n}\n\n.bd-example-container-sidebar {\n float: right;\n width: 4rem;\n height: 8rem;\n background-color: lighten($blue, 25%);\n @include border-radius;\n}\n\n.bd-example-container-body {\n height: 8rem;\n margin-right: 4.5rem;\n background-color: lighten($bd-purple, 25%);\n @include border-radius;\n}\n\n.bd-example-container-fluid {\n max-width: none;\n}\n\n\n//\n// Docs examples\n//\n\n.bd-example {\n position: relative;\n padding: 1rem;\n margin: 1rem (-$grid-gutter-width / 2) 0;\n border: solid $gray-100;\n border-width: .2rem 0 0;\n @include clearfix();\n\n @include media-breakpoint-up(sm) {\n padding: 1.5rem;\n margin-right: 0;\n margin-left: 0;\n border-width: .2rem;\n }\n\n + .highlight,\n + .clipboard + .highlight {\n margin-top: 0;\n }\n\n + p {\n margin-top: 2rem;\n }\n\n .pos-f-t {\n position: relative;\n margin: -1rem;\n\n @include media-breakpoint-up(sm) {\n margin: -1.5rem;\n }\n }\n\n .custom-file-input:lang(es) ~ .custom-file-label::after {\n content: \"Elegir\";\n }\n\n > .form-control {\n + .form-control {\n margin-top: .5rem;\n }\n }\n\n > .nav + .nav,\n > .alert + .alert,\n > .navbar + .navbar,\n > .progress + .progress,\n > .progress + .btn {\n margin-top: 1rem;\n }\n\n > .dropdown-menu:first-child {\n position: static;\n display: block;\n }\n\n > .form-group:last-child {\n margin-bottom: 0;\n }\n\n > .close {\n float: none;\n }\n}\n\n// Typography\n.bd-example-type {\n .table {\n .type-info {\n color: #999;\n vertical-align: middle;\n }\n td {\n padding: 1rem 0;\n border-color: #eee;\n }\n tr:first-child td {\n border-top: 0;\n }\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin-top: 0;\n margin-bottom: 0;\n }\n}\n\n// Contextual background colors\n.bd-example-bg-classes p {\n padding: 1rem;\n}\n\n// Images\n.bd-example {\n > svg + svg,\n > img + img {\n margin-left: .5rem;\n }\n}\n\n// Buttons\n.bd-example {\n > .btn-group {\n margin-top: .25rem;\n margin-bottom: .25rem;\n }\n > .btn-toolbar + .btn-toolbar {\n margin-top: .5rem;\n }\n}\n\n// Forms\n.bd-example-control-sizing select,\n.bd-example-control-sizing input[type=\"text\"] + input[type=\"text\"] {\n margin-top: .5rem;\n}\n.bd-example-form .input-group {\n margin-bottom: .5rem;\n}\n.bd-example > textarea.form-control {\n resize: vertical;\n}\n\n// List groups\n.bd-example > .list-group {\n max-width: 400px;\n}\n\n// Navbars\n.bd-example {\n .fixed-top,\n .sticky-top {\n position: static;\n margin: -1rem -1rem 1rem;\n }\n .fixed-bottom {\n position: static;\n margin: 1rem -1rem -1rem;\n }\n\n @include media-breakpoint-up(sm) {\n .fixed-top,\n .sticky-top {\n margin: -1.5rem -1.5rem 1rem;\n }\n .fixed-bottom {\n margin: 1rem -1.5rem -1.5rem;\n }\n }\n}\n\n// Pagination\n.bd-example .pagination {\n margin-top: .5rem;\n margin-bottom: .5rem;\n}\n\n// Example modals\n.modal {\n z-index: 1072;\n\n .tooltip,\n .popover {\n z-index: 1073;\n }\n}\n\n.modal-backdrop {\n z-index: 1071;\n}\n\n.bd-example-modal {\n background-color: #fafafa;\n\n .modal {\n position: relative;\n top: auto;\n right: auto;\n bottom: auto;\n left: auto;\n z-index: 1;\n display: block;\n }\n\n .modal-dialog {\n left: auto;\n margin-right: auto;\n margin-left: auto;\n }\n}\n\n// Example tabbable tabs\n.bd-example-tabs .nav-tabs {\n margin-bottom: 1rem;\n}\n\n// Popovers\n.bd-example-popover-static {\n padding-bottom: 1.5rem;\n background-color: #f9f9f9;\n\n .popover {\n position: relative;\n display: block;\n float: left;\n width: 260px;\n margin: 1.25rem;\n }\n}\n\n// Tooltips\n.tooltip-demo a {\n white-space: nowrap;\n}\n\n.bd-example-tooltip-static .tooltip {\n position: relative;\n display: inline-block;\n margin: 10px 20px;\n opacity: 1;\n}\n\n// Scrollspy demo on fixed height div\n.scrollspy-example {\n position: relative;\n height: 200px;\n margin-top: .5rem;\n overflow: auto;\n}\n\n.scrollspy-example-2 {\n position: relative;\n height: 350px;\n overflow: auto;\n}\n\n.bd-example-border-utils {\n [class^=\"border\"] {\n display: inline-block;\n width: 5rem;\n height: 5rem;\n margin: .25rem;\n background-color: #f5f5f5;\n }\n}\n\n.bd-example-border-utils-0 {\n [class^=\"border\"] {\n border: 1px solid $border-color;\n }\n}\n\n//\n// Code snippets\n//\n\n.highlight {\n padding: 1rem;\n margin-top: 1rem;\n margin-bottom: 1rem;\n background-color: $gray-100;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n\n @include media-breakpoint-up(sm) {\n padding: 1.5rem;\n }\n}\n\n.bd-content .highlight {\n margin-right: (-$grid-gutter-width / 2);\n margin-left: (-$grid-gutter-width / 2);\n\n @include media-breakpoint-up(sm) {\n margin-right: 0;\n margin-left: 0;\n }\n}\n\n.highlight {\n pre {\n padding: 0;\n margin-top: 0;\n margin-bottom: 0;\n background-color: transparent;\n border: 0;\n }\n pre code {\n font-size: inherit;\n color: $gray-900; // Effectively the base text color\n }\n}\n","/// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-container($gutter: $grid-gutter-width) {\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n margin-right: auto;\n margin-left: auto;\n}\n\n\n// For each breakpoint, define the maximum width of the container in a media query\n@mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {\n @each $breakpoint, $container-max-width in $max-widths {\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n max-width: $container-max-width;\n }\n }\n}\n\n@mixin make-row($gutter: $grid-gutter-width) {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$gutter / 2;\n margin-left: -$gutter / 2;\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n position: relative;\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we use `flex` values\n // later on to override this initial width.\n width: 100%;\n padding-right: $gutter / 2;\n padding-left: $gutter / 2;\n}\n\n@mixin make-col($size, $columns: $grid-columns) {\n flex: 0 0 percentage($size / $columns);\n // Add a `max-width` to ensure content within each column does not blow out\n // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari\n // do not appear to require this.\n max-width: percentage($size / $columns);\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: $size / $columns;\n margin-left: if($num == 0, 0, percentage($num));\n}\n","@mixin clearfix() {\n &::after {\n display: block;\n clear: both;\n content: \"\";\n }\n}\n","// Buttons\n//\n// Custom buttons for the docs.\n\n.btn-bd-primary {\n font-weight: 600;\n color: $bd-purple-bright;\n border-color: $bd-purple-bright;\n\n &:hover,\n &:active {\n color: $white;\n background-color: $bd-purple-bright;\n border-color: $bd-purple-bright;\n }\n\n &:focus {\n box-shadow: 0 0 0 3px rgba($bd-purple-bright, .25);\n }\n}\n\n.btn-bd-download {\n font-weight: 600;\n color: $bd-download;\n border-color: $bd-download;\n\n &:hover,\n &:active {\n color: $bd-dark;\n background-color: $bd-download;\n border-color: $bd-download;\n }\n\n &:focus {\n box-shadow: 0 0 0 3px rgba($bd-download, .25);\n }\n}\n","//\n// Callouts\n//\n\n.bd-callout {\n padding: 1.25rem;\n margin-top: 1.25rem;\n margin-bottom: 1.25rem;\n border: 1px solid #eee;\n border-left-width: .25rem;\n @include border-radius;\n\n h4 {\n margin-top: 0;\n margin-bottom: .25rem;\n }\n\n p:last-child {\n margin-bottom: 0;\n }\n\n code {\n @include border-radius;\n }\n\n + .bd-callout {\n margin-top: -.25rem;\n }\n}\n\n// Variations\n@mixin bs-callout-variant($color) {\n border-left-color: $color;\n\n h4 { color: $color; }\n}\n\n.bd-callout-info { @include bs-callout-variant($bd-info); }\n.bd-callout-warning { @include bs-callout-variant($bd-warning); }\n.bd-callout-danger { @include bs-callout-variant($bd-danger); }\n","// Wall of Browser Bugs\n//\n// Better display for the responsive table on the Wall of Browser Bugs.\n\n.bd-browser-bugs {\n td p {\n margin-bottom: 0;\n }\n th:first-child {\n width: 18%;\n }\n}\n","//\n// Brand guidelines\n//\n\n// Logo series wrapper\n.bd-brand-logos {\n display: table;\n width: 100%;\n margin-bottom: 1rem;\n overflow: hidden;\n color: $bd-purple;\n background-color: #f9f9f9;\n @include border-radius;\n\n .inverse {\n color: $white;\n background-color: $bd-purple;\n }\n}\n\n// Individual items\n.bd-brand-item {\n padding: 4rem 0;\n text-align: center;\n\n + .bd-brand-item {\n border-top: 1px solid $white;\n }\n\n // Heading content within\n h1,\n h3 {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n @include media-breakpoint-up(md) {\n display: table-cell;\n width: 1%;\n\n + .bd-brand-item {\n border-top: 0;\n border-left: 1px solid $white;\n }\n\n h1 {\n font-size: 4rem;\n }\n }\n}\n\n\n//\n// Color swatches\n//\n\n.color-swatches {\n margin: 0 -5px;\n overflow: hidden; // clearfix\n\n // Docs colors\n .bd-purple {\n background-color: $bd-purple;\n }\n .bd-purple-light {\n background-color: $bd-purple-light;\n }\n .bd-purple-lighter {\n background-color: #e5e1ea;\n }\n .bd-gray {\n background-color: #f9f9f9;\n }\n}\n\n.color-swatch {\n float: left;\n width: 4rem;\n height: 4rem;\n margin-right: .25rem;\n margin-left: .25rem;\n @include border-radius;\n\n @include media-breakpoint-up(md) {\n width: 6rem;\n height: 6rem;\n }\n}\n","//\n// Docs color palette classes\n//\n\n@each $color, $value in $colors {\n .swatch-#{$color} {\n color: color-yiq($value);\n background-color: #{$value};\n }\n}\n\n@each $color, $value in $theme-colors {\n .swatch-#{$color} {\n color: color-yiq($value);\n background-color: #{$value};\n }\n}\n\n@each $color, $value in $grays {\n .swatch-#{$color} {\n color: color-yiq($value);\n background-color: #{$value};\n }\n}\n","// clipboard.js\n//\n// JS-based `Copy` buttons for code snippets.\n\n.bd-clipboard {\n position: relative;\n display: none;\n float: right;\n\n + .highlight {\n margin-top: 0;\n }\n\n @include media-breakpoint-up(md) {\n display: block;\n }\n}\n\n.btn-clipboard {\n position: absolute;\n top: .5rem;\n right: .5rem;\n z-index: 10;\n display: block;\n padding: .25rem .5rem;\n font-size: 75%;\n color: #818a91;\n background-color: transparent;\n border: 0;\n @include border-radius;\n\n &:hover {\n color: $white;\n background-color: #027de7;\n }\n}\n","//\n// Placeholder svg used in the docs.\n//\n\n// Remember to update `site/_layouts/examples.html` too if this changes!\n\n.bd-placeholder-img {\n font-size: 1.125rem;\n text-anchor: middle;\n}\n\n.bd-placeholder-img-lg {\n @include media-breakpoint-up(md) {\n font-size: 3.5rem;\n }\n}\n","// stylelint-disable declaration-block-single-line-max-declarations, selector-class-pattern\n\n.hll { background-color: #ffc; }\n.c { color: #999; }\n.k { color: #069; }\n.o { color: #555; }\n.cm { color: #999; }\n.cp { color: #099; }\n.c1 { color: #999; }\n.cs { color: #999; }\n.gd { background-color: #fcc; border: 1px solid #c00; }\n.ge { font-style: italic; }\n.gr { color: #f00; }\n.gh { color: #030; }\n.gi { background-color: #cfc; border: 1px solid #0c0; }\n.go { color: #aaa; }\n.gp { color: #009; }\n.gu { color: #030; }\n.gt { color: #9c6; }\n.kc { color: #069; }\n.kd { color: #069; }\n.kn { color: #069; }\n.kp { color: #069; }\n.kr { color: #069; }\n.kt { color: #078; }\n.m { color: #f60; }\n.s { color: #d44950; }\n.na { color: #4f9fcf; }\n.nb { color: #366; }\n.nc { color: #0a8; }\n.no { color: #360; }\n.nd { color: #99f; }\n.ni { color: #999; }\n.ne { color: #c00; }\n.nf { color: #c0f; }\n.nl { color: #99f; }\n.nn { color: #0cf; }\n.nt { color: #2f6f9f; }\n.nv { color: #033; }\n.ow { color: #000; }\n.w { color: #bbb; }\n.mf { color: #f60; }\n.mh { color: #f60; }\n.mi { color: #f60; }\n.mo { color: #f60; }\n.sb { color: #c30; }\n.sc { color: #c30; }\n.sd { font-style: italic; color: #c30; }\n.s2 { color: #c30; }\n.se { color: #c30; }\n.sh { color: #c30; }\n.si { color: #a00; }\n.sx { color: #c30; }\n.sr { color: #3aa; }\n.s1 { color: #c30; }\n.ss { color: #fc3; }\n.bp { color: #366; }\n.vc { color: #033; }\n.vg { color: #033; }\n.vi { color: #033; }\n.il { color: #f60; }\n\n.css .o,\n.css .o + .nt,\n.css .nt + .nt { color: #999; }\n\n.language-bash::before,\n.language-sh::before {\n color: #009;\n content: \"$ \";\n user-select: none;\n}\n\n.language-powershell::before {\n color: #009;\n content: \"PM> \";\n user-select: none;\n}\n",".anchorjs-link {\n font-weight: 400;\n color: rgba($link-color, .5);\n @include transition(color .15s ease-in-out, opacity .15s ease-in-out);\n\n &:hover {\n color: $link-color;\n text-decoration: none;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media screen and (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// stylelint-disable declaration-no-important\n\n// Docsearch overrides\n//\n// `!important` indicates overridden properties.\n.algolia-autocomplete {\n display: block !important;\n flex: 1;\n\n // Menu container\n .ds-dropdown-menu {\n width: 100%;\n min-width: 0 !important;\n max-width: none !important;\n padding: .75rem 0 !important;\n background-color: $white;\n background-clip: padding-box;\n border: 1px solid rgba(0, 0, 0, .1);\n box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .175);\n\n @include media-breakpoint-up(md) {\n width: 175%;\n }\n\n // Caret\n &::before {\n display: none !important;\n }\n\n [class^=\"ds-dataset-\"] {\n padding: 0 !important;\n overflow: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n }\n\n .ds-suggestions {\n margin-top: 0 !important;\n }\n }\n\n .algolia-docsearch-suggestion {\n padding: 0 !important;\n overflow: visible !important;\n }\n\n .algolia-docsearch-suggestion--category-header {\n padding: .125rem 1rem !important;\n margin-top: 0 !important;\n font-size: .875rem !important;\n font-weight: 600 !important;\n color: $bd-purple-bright !important;\n border-bottom: 0 !important;\n }\n\n .algolia-docsearch-suggestion--wrapper {\n float: none !important;\n padding-top: 0 !important;\n }\n\n // Section header\n .algolia-docsearch-suggestion--subcategory-column {\n float: none !important;\n width: auto !important;\n padding: 0 !important;\n text-align: left !important;\n }\n\n .algolia-docsearch-suggestion--subcategory-inline {\n display: block !important;\n font-size: .875rem;\n color: $gray-700;\n\n &::after {\n padding: 0 .25rem;\n content: \"/\";\n }\n }\n\n .algolia-docsearch-suggestion--content {\n display: flex;\n flex-wrap: wrap;\n float: none !important;\n width: 100% !important;\n padding: .25rem 1rem !important;\n\n // Vertical divider between column header and content\n &::before {\n display: none !important;\n }\n }\n\n .ds-suggestion {\n &:not(:first-child) {\n .algolia-docsearch-suggestion--category-header {\n padding-top: .75rem !important;\n margin-top: .75rem !important;\n border-top: 1px solid rgba(0, 0, 0, .1);\n }\n }\n\n .algolia-docsearch-suggestion--subcategory-column {\n display: none !important;\n }\n }\n\n .algolia-docsearch-suggestion--title {\n display: block;\n margin-bottom: 0 !important;\n font-size: .875rem !important;\n font-weight: 400 !important;\n }\n\n .algolia-docsearch-suggestion--text {\n flex: 0 0 100%;\n max-width: 100%;\n padding: .2rem 0;\n font-size: .8125rem !important;\n font-weight: 400;\n line-height: 1.25 !important;\n color: $gray-600;\n }\n\n .algolia-docsearch-footer {\n float: none !important;\n width: auto !important;\n height: auto !important;\n padding: .75rem 1rem 0;\n font-size: .75rem !important;\n line-height: 1 !important;\n color: #767676 !important;\n border-top: 1px solid rgba(0, 0, 0, .1);\n }\n\n .algolia-docsearch-footer--logo {\n display: inline !important;\n overflow: visible !important;\n color: inherit !important;\n text-indent: 0 !important;\n background: none !important;\n }\n\n .algolia-docsearch-suggestion--highlight {\n color: #5f2dab;\n background-color: rgba(154, 132, 187, .12);\n }\n\n .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {\n box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .5) !important;\n }\n\n .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content {\n background-color: rgba(208, 189, 236, .15) !important;\n }\n}\n"]} \ No newline at end of file diff --git a/versions/1.23.5/assets/css/style.css b/versions/1.23.5/assets/css/style.css new file mode 100644 index 0000000000..30b2780ee6 --- /dev/null +++ b/versions/1.23.5/assets/css/style.css @@ -0,0 +1,179 @@ +.btn-bd-light { + color: #6c757d; + border-color: #dee2e6; +} + +.api h2 { + margin-top: 4rem !important; + margin-bottom: 2rem; +} + +.extensions h3 { + margin-bottom: 2rem; +} + +.donate img { + max-height: 200px; +} + +.donate th, +.donate td { + text-align: center; + vertical-align: middle !important; +} + +.donate svg.navbar-nav-svg { + width: 96px; +} + +#share-buttons { + display: inline-block; + vertical-align: middle; +} + +#share-buttons>a { + position: relative; + text-align: left; + height: 36px; + width: 32px; + float: left; + text-align: center; + color: silver; +} + +#share-buttons>a { + position: relative; + text-align: left; + height: 36px; + width: 32px; + float: left; + text-align: center; + color: silver; +} + +#share-buttons>a>svg { + height: 18px; + fill: #d5d5d5; + margin-top: 9px; +} + +#share-buttons>.github:hover, +#share-buttons>.github:hover svg { + color: #000; + fill: #000; +} + +#share-buttons>.twitter:hover, +#share-buttons>.twitter:hover svg { + color: #55acee; + fill: #55acee; +} + +#share-buttons>.facebook:hover, +#share-buttons>.facebook:hover svg { + color: #3b5998; + fill: #3b5998; +} + +#share-buttons>.linkedin:hover, +#share-buttons>.linkedin:hover svg { + color: #0077b5; + fill: #0077b5; +} + +#share-buttons>.mail:hover, +#share-buttons>.mail:hover svg { + color: #7d7d7d; + fill: #7d7d7d; +} + +.share-desc { + font-size: 12px; + color: #777; + text-align: left; +} + +.post-date { + display: block; + margin-top: -.5rem; + margin-bottom: 1rem; + color: #767676; +} + +.btn-brand { + background: #7952B3; + color: #ffffff; +} + +.btn-brand:hover { + background: #614092; + color: #ffffff; +} + +.fa-link { + font-size: 20px; + color: #333; +} + +header.themes .bd-lead { + max-width: 100%; +} + +.supports-container { + text-align: center; +} + +.supports { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding: 0 .5em 1em; +} + +.support-description { + -webkit-box-flex: 0; + -ms-flex: 0 0 100%; + flex: 0 0 100%; + margin-bottom: 1em; +} + +.support-item { + position: relative; + display: inline-block; + margin: 3px; + padding: .25rem; + background-color: #fff; + border: 1px solid #dee2e6; + border-radius: .25rem; +} + +.support-item:hover { + background-color: rgba(108,117,125,.25098); +} + +.support-avatar.Gold { + max-height: 96px; + max-width: 288px; +} + +.support-avatar.Bronze { + max-height: 64px; + max-width: 192px; +} + +.support-avatar { + max-height: 48px; + max-width: 144px; + min-height: 48px; + min-width: 48px; + vertical-align: middle; +} + +.online-editor img { + max-width: 100%; +} diff --git a/versions/1.23.5/assets/images/alipay.jpg b/versions/1.23.5/assets/images/alipay.jpg new file mode 100644 index 0000000000..a02b1d502e Binary files /dev/null and b/versions/1.23.5/assets/images/alipay.jpg differ diff --git a/versions/1.23.5/assets/images/alipayLogo.png b/versions/1.23.5/assets/images/alipayLogo.png new file mode 100644 index 0000000000..8be37d2be7 Binary files /dev/null and b/versions/1.23.5/assets/images/alipayLogo.png differ diff --git a/versions/1.23.5/assets/images/bootstrap-table.jpg b/versions/1.23.5/assets/images/bootstrap-table.jpg new file mode 100644 index 0000000000..875d0cd8f2 Binary files /dev/null and b/versions/1.23.5/assets/images/bootstrap-table.jpg differ diff --git a/versions/1.23.5/assets/images/bootstrap3.jpg b/versions/1.23.5/assets/images/bootstrap3.jpg new file mode 100644 index 0000000000..087823e6e6 Binary files /dev/null and b/versions/1.23.5/assets/images/bootstrap3.jpg differ diff --git a/versions/1.23.5/assets/images/bootstrap4.jpg b/versions/1.23.5/assets/images/bootstrap4.jpg new file mode 100644 index 0000000000..5791c6a03a Binary files /dev/null and b/versions/1.23.5/assets/images/bootstrap4.jpg differ diff --git a/versions/1.23.5/assets/images/bootstrap5.jpg b/versions/1.23.5/assets/images/bootstrap5.jpg new file mode 100644 index 0000000000..e0102ead74 Binary files /dev/null and b/versions/1.23.5/assets/images/bootstrap5.jpg differ diff --git a/versions/1.23.5/assets/images/bulma.jpg b/versions/1.23.5/assets/images/bulma.jpg new file mode 100644 index 0000000000..394ff77db3 Binary files /dev/null and b/versions/1.23.5/assets/images/bulma.jpg differ diff --git a/versions/1.23.5/assets/images/edu-birdie.png b/versions/1.23.5/assets/images/edu-birdie.png new file mode 100644 index 0000000000..e99abce574 Binary files /dev/null and b/versions/1.23.5/assets/images/edu-birdie.png differ diff --git a/versions/1.23.5/assets/images/element-table.jpg b/versions/1.23.5/assets/images/element-table.jpg new file mode 100644 index 0000000000..8f26a58c43 Binary files /dev/null and b/versions/1.23.5/assets/images/element-table.jpg differ diff --git a/versions/1.23.5/assets/images/foundation.jpg b/versions/1.23.5/assets/images/foundation.jpg new file mode 100644 index 0000000000..bfff1d78e7 Binary files /dev/null and b/versions/1.23.5/assets/images/foundation.jpg differ diff --git a/versions/1.23.5/assets/images/fresh-table.jpg b/versions/1.23.5/assets/images/fresh-table.jpg new file mode 100644 index 0000000000..ed6774ce6c Binary files /dev/null and b/versions/1.23.5/assets/images/fresh-table.jpg differ diff --git a/versions/1.23.5/assets/images/light-bootstrap.jpg b/versions/1.23.5/assets/images/light-bootstrap.jpg new file mode 100644 index 0000000000..0eec0ad443 Binary files /dev/null and b/versions/1.23.5/assets/images/light-bootstrap.jpg differ diff --git a/versions/1.23.5/assets/images/materialize.jpg b/versions/1.23.5/assets/images/materialize.jpg new file mode 100644 index 0000000000..76cf86dcc6 Binary files /dev/null and b/versions/1.23.5/assets/images/materialize.jpg differ diff --git a/versions/1.23.5/assets/images/pager-dashboard.jpg b/versions/1.23.5/assets/images/pager-dashboard.jpg new file mode 100644 index 0000000000..536b3e248e Binary files /dev/null and b/versions/1.23.5/assets/images/pager-dashboard.jpg differ diff --git a/versions/1.23.5/assets/images/paypalLogo.png b/versions/1.23.5/assets/images/paypalLogo.png new file mode 100644 index 0000000000..939766be5f Binary files /dev/null and b/versions/1.23.5/assets/images/paypalLogo.png differ diff --git a/versions/1.23.5/assets/images/semantic.jpg b/versions/1.23.5/assets/images/semantic.jpg new file mode 100644 index 0000000000..9348b5cbbc Binary files /dev/null and b/versions/1.23.5/assets/images/semantic.jpg differ diff --git a/versions/1.23.5/assets/images/weixin.png b/versions/1.23.5/assets/images/weixin.png new file mode 100644 index 0000000000..7a15161492 Binary files /dev/null and b/versions/1.23.5/assets/images/weixin.png differ diff --git a/versions/1.23.5/assets/images/weixinLogo.png b/versions/1.23.5/assets/images/weixinLogo.png new file mode 100644 index 0000000000..aca31823b9 Binary files /dev/null and b/versions/1.23.5/assets/images/weixinLogo.png differ diff --git a/versions/1.23.5/assets/js/docs.min.js b/versions/1.23.5/assets/js/docs.min.js new file mode 100644 index 0000000000..8c9d07e604 --- /dev/null +++ b/versions/1.23.5/assets/js/docs.min.js @@ -0,0 +1,22 @@ +!function(t,e){"use strict";"function"==typeof define&&define.amd?define([],e):"object"==typeof module&&module.exports?module.exports=e():(t.AnchorJS=e(),t.anchors=new t.AnchorJS)}(this,function(){"use strict";return function(t){function h(t){t.icon=t.hasOwnProperty("icon")?t.icon:"",t.visible=t.hasOwnProperty("visible")?t.visible:"hover",t.placement=t.hasOwnProperty("placement")?t.placement:"right",t.ariaLabel=t.hasOwnProperty("ariaLabel")?t.ariaLabel:"Anchor",t.class=t.hasOwnProperty("class")?t.class:"",t.truncate=t.hasOwnProperty("truncate")?Math.floor(t.truncate):64}function d(t){var e;if("string"==typeof t||t instanceof String)e=[].slice.call(document.querySelectorAll(t));else{if(!(Array.isArray(t)||t instanceof NodeList))throw new Error("The selector provided to AnchorJS was invalid.");e=[].slice.call(t)}return e}this.options=t||{},this.elements=[],h(this.options),this.isTouchDevice=function(){return!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)},this.add=function(t){var e,n,o,i,r,A,a,l,c,s,u,f=[];if(h(this.options),"touch"===(u=this.options.visible)&&(u=this.isTouchDevice()?"always":"hover"),t||(t="h2, h3, h4, h5, h6"),0===(e=d(t)).length)return this;for(function(){if(null===document.head.querySelector("style.anchorjs")){var t,e=document.createElement("style");e.className="anchorjs",e.appendChild(document.createTextNode("")),void 0===(t=document.head.querySelector('[rel="stylesheet"], style'))?document.head.appendChild(e):document.head.insertBefore(e,t),e.sheet.insertRule(" .anchorjs-link { opacity: 0; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }",e.sheet.cssRules.length),e.sheet.insertRule(" *:hover > .anchorjs-link, .anchorjs-link:focus { opacity: 1; }",e.sheet.cssRules.length),e.sheet.insertRule(" [data-anchorjs-icon]::after { content: attr(data-anchorjs-icon); }",e.sheet.cssRules.length),e.sheet.insertRule(' @font-face { font-family: "anchorjs-icons"; src: url(data:n/a;base64,AAEAAAALAIAAAwAwT1MvMg8yG2cAAAE4AAAAYGNtYXDp3gC3AAABpAAAAExnYXNwAAAAEAAAA9wAAAAIZ2x5ZlQCcfwAAAH4AAABCGhlYWQHFvHyAAAAvAAAADZoaGVhBnACFwAAAPQAAAAkaG10eASAADEAAAGYAAAADGxvY2EACACEAAAB8AAAAAhtYXhwAAYAVwAAARgAAAAgbmFtZQGOH9cAAAMAAAAAunBvc3QAAwAAAAADvAAAACAAAQAAAAEAAHzE2p9fDzz1AAkEAAAAAADRecUWAAAAANQA6R8AAAAAAoACwAAAAAgAAgAAAAAAAAABAAADwP/AAAACgAAA/9MCrQABAAAAAAAAAAAAAAAAAAAAAwABAAAAAwBVAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAMCQAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAg//0DwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAAIAAAACgAAxAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADAAAAAIAAgAAgAAACDpy//9//8AAAAg6cv//f///+EWNwADAAEAAAAAAAAAAAAAAAAACACEAAEAAAAAAAAAAAAAAAAxAAACAAQARAKAAsAAKwBUAAABIiYnJjQ3NzY2MzIWFxYUBwcGIicmNDc3NjQnJiYjIgYHBwYUFxYUBwYGIwciJicmNDc3NjIXFhQHBwYUFxYWMzI2Nzc2NCcmNDc2MhcWFAcHBgYjARQGDAUtLXoWOR8fORYtLTgKGwoKCjgaGg0gEhIgDXoaGgkJBQwHdR85Fi0tOAobCgoKOBoaDSASEiANehoaCQkKGwotLXoWOR8BMwUFLYEuehYXFxYugC44CQkKGwo4GkoaDQ0NDXoaShoKGwoFBe8XFi6ALjgJCQobCjgaShoNDQ0NehpKGgobCgoKLYEuehYXAAAADACWAAEAAAAAAAEACAAAAAEAAAAAAAIAAwAIAAEAAAAAAAMACAAAAAEAAAAAAAQACAAAAAEAAAAAAAUAAQALAAEAAAAAAAYACAAAAAMAAQQJAAEAEAAMAAMAAQQJAAIABgAcAAMAAQQJAAMAEAAMAAMAAQQJAAQAEAAMAAMAAQQJAAUAAgAiAAMAAQQJAAYAEAAMYW5jaG9yanM0MDBAAGEAbgBjAGgAbwByAGoAcwA0ADAAMABAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAP) format("truetype"); }',e.sheet.cssRules.length)}}(),n=document.querySelectorAll("[id]"),o=[].map.call(n,function(t){return t.id}),r=0;r\]\.\/\(\)\*\\\n\t\b\v]/g,"-").replace(/-{2,}/g,"-").substring(0,this.options.truncate).replace(/^-+|-+$/gm,"").toLowerCase()},this.hasAnchorJSLink=function(t){var e=t.firstChild&&-1<(" "+t.firstChild.className+" ").indexOf(" anchorjs-link "),n=t.lastChild&&-1<(" "+t.lastChild.className+" ").indexOf(" anchorjs-link ");return e||n||!1}}}); +/*! + * clipboard.js v2.0.4 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function i(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,i),e.l=!0,e.exports}return i.m=n,i.c=o,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)i.d(n,o,function(t){return e[t]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="",i(i.s=0)}([function(t,e,n){"use strict";var i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r=function(){function o(t,e){for(var n=0;n + * Licensed under MIT (https://github.com/Johann-S/bs-custom-file-input/blob/master/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.bsCustomFileInput=e()}(this,function(){"use strict";var f={CUSTOMFILE:'.custom-file input[type="file"]',CUSTOMFILELABEL:".custom-file-label",FORM:"form",INPUT:"input"},o=function(t){if(0 h2, .bd-content > h3, .bd-content > h4, .bd-content > h5");i(".bd-content").children("h2, h3, h4, h5").wrapInner('');bsCustomFileInput.init()})})(jQuery);(function(){"use strict";function t(){var t=/MSIE ([0-9.]+)/.exec(window.navigator.userAgent);if(t===null){return null}var e=parseInt(t[1],10);var n=Math.floor(e);return n}function e(){var t=new Function("/*@cc_on return @_jscript_version; @*/")();if(typeof t==="undefined"){return 11}if(t<9){return 8}return t}var n=window.navigator.userAgent;if(n.indexOf("Opera")>-1||n.indexOf("Presto")>-1){return}var o=t();if(o===null){return}var i=e();if(o!==i){window.alert("WARNING: You appear to be using IE"+i+" in IE"+o+" emulation mode.\nIE emulation modes can behave significantly differently from ACTUAL older versions of IE.\nPLEASE DON'T FILE BOOTSTRAP BUGS based on testing in IE emulation modes!")}})();(function(){"use strict";if(!window.docsearch){return}var t=document.getElementById("search-input");var e=t.getAttribute("data-docs-version");function o(){var t=window.location;var e=t.origin;if(!e){var n=t.port?":"+t.port:"";e=t.protocol+"//"+t.hostname+n}return e}window.docsearch({appId:"FXDJ517Z8G",apiKey:"9b89c4a7048370f4809b0bc77b2564ac",indexName:"bootstrap-table",inputSelector:"#search-input",transformData:function(t){return t.map(function(t){var e=o();var n=/^https?:\/\/bootstrap\-table\.wenzhixin\.net\.cn/;t.url=e.match(n)?t.url:t.url.replace(n,"");if(t.anchor==="content"){t.url=t.url.replace(/#content$/,"");t.anchor=null}return t})},debug:false})})(); diff --git a/versions/1.23.5/assets/js/supports.js b/versions/1.23.5/assets/js/supports.js new file mode 100644 index 0000000000..97d951bef5 --- /dev/null +++ b/versions/1.23.5/assets/js/supports.js @@ -0,0 +1,34 @@ +$(function () { + $.getJSON('https://examples.wenzhixin.net.cn/opencollective/supports.json', function (res) { + var ranks = [ + { + title: 'Gold', + minimum: 200 + }, + { + title: 'Bronze', + minimum: 20, + maximum: 200 + }, + { + title: 'Backer', + maximum: 20 + } + ] + + ranks.forEach(function (rank) { + rank.supports = res.filter(function (row) { + return row.totalDonations >= (rank.minimum || 0) && + row.totalDonations < (rank.maximum || Number.MAX_VALUE) + }) + }) + + new window.Vue({ + el: '#supports', + data: { + ranks: ranks + } + }) + $('#supports').show() + }) +}) diff --git a/versions/1.23.5/assets/js/themes/assets/themes-CVLjNXsq.css b/versions/1.23.5/assets/js/themes/assets/themes-CVLjNXsq.css new file mode 100644 index 0000000000..8397a2e0ab --- /dev/null +++ b/versions/1.23.5/assets/js/themes/assets/themes-CVLjNXsq.css @@ -0,0 +1 @@ +ul.categories-list[data-v-7baa4dc0]{list-style-type:none;margin-top:-88px;z-index:9999;padding:20px 15px;position:relative;border:0;z-index:1;background-color:#5d4a8e;border-radius:8px;box-shadow:0 13px 27px -5px #32325d40,0 8px 16px -8px #0000004d,0 -6px 16px -6px #00000006;width:100%}ul.categories-list>li[data-v-7baa4dc0]{float:left;display:block;padding:3px 0}ul.categories-list>li>a[data-v-7baa4dc0]{display:block;text-align:center;padding:12px;font-weight:600;border-radius:30px;font-size:12px;margin-left:0;margin-right:10px;text-decoration:none;color:#fff;text-transform:uppercase;transition:background .2s}ul.categories-list>li>a[data-v-7baa4dc0]:hover,ul.categories-list>li.active>a[data-v-7baa4dc0]{color:#6d4eba;background:#fff}a[data-v-e7b55c40]{text-decoration:none}.title[data-v-e7b55c40]{font-size:28px;font-weight:300;margin:7px 0 20px;font-weight:400;color:#777}.free[data-v-e7b55c40]{color:#777;font-size:15px}.card[data-v-e7b55c40]{border-radius:8px;position:relative;margin-bottom:60px;border:0}.card .thumbnail[data-v-e7b55c40]{border:0 none;padding:0;margin:0;min-height:250px;position:relative;background:transparent}.card-small .thumbnail[data-v-e7b55c40]{min-height:200px}.card .thumbnail img[data-v-e7b55c40]{width:100%;height:100%}.card .thumbnail>img[data-v-e7b55c40]{border-radius:8px;box-shadow:0 25px 20px -21px #00000091}.card .details[data-v-e7b55c40]{top:0;display:block;height:60px;padding:10px 15px 0;position:absolute;width:100%;border-radius:8px 8px 0 0}.card .header[data-v-e7b55c40],.card .main[data-v-e7b55c40],.card .footer[data-v-e7b55c40]{display:block}.card .time[data-v-e7b55c40]{color:#777;font-size:15px;margin-top:2px;text-transform:uppercase}.card .time.premium-product[data-v-e7b55c40]{color:#444;font-size:19px;margin:1px}.card .numbers[data-v-e7b55c40]{color:#fff;float:right;margin-top:6px;text-shadow:0 2px 3px rgba(0,0,0,.34)}.card .numbers .downloads[data-v-e7b55c40],.card .numbers .comments-icon[data-v-e7b55c40]{margin-left:6px;font-size:15px;font-weight:500}.card .numbers .fa[data-v-e7b55c40]{font-size:18px}.card .description[data-v-e7b55c40]{color:#fff;margin-top:40px;height:125px;font-size:18px;opacity:.7}.card a:hover .description[data-v-e7b55c40]{opacity:1}.card .actions .btn[data-v-e7b55c40]{margin-left:5px;margin-right:5px;top:50%;position:relative;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.card .actions .btn-round[data-v-e7b55c40]:not(.btn-radius){font-size:18px;padding:14px;line-height:1;display:inline-block;width:48px;height:48px}.btn-neutral.btn-fill[data-v-e7b55c40]{color:#666!important;background-color:#fff;opacity:1;filter:alpha(opacity=100)}.btn-round[data-v-e7b55c40]{border-width:1px;border-radius:30px!important;opacity:.79;padding:9px 18px}.card .thumb-cover[data-v-e7b55c40]{padding:15px 20px;height:100%;top:0;position:absolute;opacity:0;display:block;width:100%;background-color:#000000bf;z-index:3;content:"";left:0;border-radius:8px}.card .actions[data-v-e7b55c40]{position:absolute;z-index:3;top:50%;left:0;text-align:center;width:100%;height:0;opacity:0;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}.card:hover .thumb-cover[data-v-e7b55c40],.card:hover .actions[data-v-e7b55c40]{opacity:1}.card-small .actions[data-v-e7b55c40]{height:55px;font-size:14px}.card:hover .actions[data-v-e7b55c40]{opacity:1}.card .title[data-v-e7b55c40]{margin-top:45px;min-height:115px}.card a .title h3[data-v-e7b55c40]{color:#fff;font-size:24px;font-weight:400;text-shadow:0 1px 2px rgba(0,0,0,.57)}.card .user[data-v-e7b55c40]{font-weight:400;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.23);line-height:20px;display:block}.card .user .name[data-v-e7b55c40]{line-height:35px;margin-left:10px;font-size:16px;float:left}.card .user .user-photo[data-v-e7b55c40]{width:35px;height:35px;border:2px solid #FFFFFF;border-radius:50%;overflow:hidden;float:left}.card .user-photo img[data-v-e7b55c40]{width:33px}.card-info[data-v-e7b55c40]{padding:15px;border-radius:0 0 12px 12px}.card-info [class^=circle-][data-v-e7b55c40]{float:left;margin-right:5px}.card-info a[data-v-e7b55c40]:not(.btn){color:#434343}.card-info a[data-v-e7b55c40]:not(.btn):hover{color:#232323}.card-info .actions a[data-v-e7b55c40]{color:#777}.card-info .actions a[data-v-e7b55c40]:hover{color:#555}.card-info .actions .blue-text[data-v-e7b55c40]{color:#0bf}.card-info .actions .blue-text[data-v-e7b55c40]:hover{color:#3883c4}.card-info h3[data-v-e7b55c40]{margin-top:10px;margin-bottom:5px;font-size:18px}.card-small .card-info h3[data-v-e7b55c40]{font-size:18px}.card-info p[data-v-e7b55c40]{font-size:14px;margin:0;color:#666;min-height:50px}.card-info .label[data-v-e7b55c40]{background:transparent;border:1px solid;border-radius:14px;padding:5px 10px;font-size:10px;text-transform:uppercase;position:relative;top:-4px}.card-info .label.label-danger[data-v-e7b55c40]{background:transparent}.card-info .label .fa[data-v-e7b55c40]{font-size:12px}@media (max-width: 800px){.card.card-bundle .thumbnail[data-v-e7b55c40]{min-height:150px}.card.card-bundle .details .framework-logo[data-v-e7b55c40]{padding-top:20px}.card.card-bundle .details .framework-logo img[data-v-e7b55c40]{width:40px;height:40px}.card.card-bundle .details .framework-logo img.default[data-v-e7b55c40],.card.card-bundle .details .framework-logo img.material[data-v-e7b55c40]{width:30px;height:30px}.card.card-bundle .details .framework-logo p[data-v-e7b55c40]{padding-top:5px;font-size:20px}}@media (max-width: 1100px){.card.card-bundle .details .bundle-details[data-v-e7b55c40]{padding:10px}.card.card-bundle .details .bundle-details i[data-v-e7b55c40],.card.card-bundle .details .bundle-details span[data-v-e7b55c40]{font-size:20px}}@media (min-width: 801px) and (max-width: 1100px){.card.card-bundle .details .framework-logo[data-v-e7b55c40]{padding-top:25px}.card.card-bundle .details .framework-logo img[data-v-e7b55c40]{width:50px;height:50px}.card.card-bundle .details .framework-logo img.default[data-v-e7b55c40],.card.card-bundle .details .framework-logo img.material[data-v-e7b55c40]{width:40px;height:40px}}.card.card-bundle .details[data-v-e7b55c40]{text-align:center;height:auto;color:#fff;height:100%}.card.card-bundle .details .bundle-details[data-v-e7b55c40]{position:absolute;width:100%;top:auto;left:0;right:0;bottom:0;padding:24px;margin-right:auto;margin-left:auto}.card.card-bundle .details .bundle-details i[data-v-e7b55c40]{font-size:30px}.card.card-bundle .details .bundle-details span[data-v-e7b55c40]{display:block;font-size:35px;font-weight:300}.card.card-bundle .details .bundle-details p[data-v-e7b55c40]{font-size:12px;font-weight:500}.card.card-bundle .details .framework-logo[data-v-e7b55c40]{position:absolute;width:100%;padding-bottom:5px;padding-top:40px;left:0;right:0;top:0;margin-right:auto;margin-left:auto}.card.card-bundle .details .framework-logo img[data-v-e7b55c40]{width:70px;height:70px;border-radius:50%}.card.card-bundle .details .framework-logo img.default[data-v-e7b55c40],.card.card-bundle .details .framework-logo img.material[data-v-e7b55c40]{width:50px;height:50px;margin-left:10px;margin-top:10px;margin-bottom:10px}.card.card-bundle .details .framework-logo p[data-v-e7b55c40]{padding-top:20px;font-size:30px;font-weight:400}.card.card-bundle .mask[data-v-e7b55c40]{display:block;position:absolute;width:100%;height:100%;left:0;top:0;opacity:.8;border-radius:8px}.card .authors-container[data-v-e7b55c40]{width:38px}.card .authors-container[data-collaborators="2"][data-v-e7b55c40]{width:60px}.card .authors-container[data-collaborators="3"][data-v-e7b55c40]{width:80px}.card .authors-container[data-collaborators="4"][data-v-e7b55c40]{width:100px}.card .authors-container .author[data-v-e7b55c40]:nth-child(2){margin-left:-14px}.card .authors-container .author[data-v-e7b55c40]:nth-child(3){margin-left:-14px}.card .authors-container .author[data-v-e7b55c40]:nth-child(4){margin-left:-14px}.card .authors-container[data-v-e7b55c40]{display:inline-block}.card .authors-container>.author>.account-photo[data-v-e7b55c40]{width:36px;height:36px}.card .author>.account-photo.account-product-owner[data-v-e7b55c40]{border-color:#ff9500}.bs-tooltip-top .arrow:before{border-top-color:#fae5a8}.tooltip-inner{background:#fae5a8;color:#724729} diff --git a/versions/1.23.5/assets/js/themes/assets/themes-C_IVHFtD.js b/versions/1.23.5/assets/js/themes/assets/themes-C_IVHFtD.js new file mode 100644 index 0000000000..72a583d814 --- /dev/null +++ b/versions/1.23.5/assets/js/themes/assets/themes-C_IVHFtD.js @@ -0,0 +1,17 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const r of document.querySelectorAll('link[rel="modulepreload"]'))n(r);new MutationObserver(r=>{for(const o of r)if(o.type==="childList")for(const i of o.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&n(i)}).observe(document,{childList:!0,subtree:!0});function s(r){const o={};return r.integrity&&(o.integrity=r.integrity),r.referrerPolicy&&(o.referrerPolicy=r.referrerPolicy),r.crossOrigin==="use-credentials"?o.credentials="include":r.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function n(r){if(r.ep)return;r.ep=!0;const o=s(r);fetch(r.href,o)}})();/** +* @vue/shared v3.4.31 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**//*! #__NO_SIDE_EFFECTS__ */function xs(e,t){const s=new Set(e.split(","));return n=>s.has(n)}const D={},Je=[],le=()=>{},Lr=()=>!1,Ht=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&(e.charCodeAt(2)>122||e.charCodeAt(2)<97),vs=e=>e.startsWith("onUpdate:"),G=Object.assign,ws=(e,t)=>{const s=e.indexOf(t);s>-1&&e.splice(s,1)},jr=Object.prototype.hasOwnProperty,P=(e,t)=>jr.call(e,t),C=Array.isArray,Ge=e=>$t(e)==="[object Map]",Cn=e=>$t(e)==="[object Set]",I=e=>typeof e=="function",W=e=>typeof e=="string",Le=e=>typeof e=="symbol",B=e=>e!==null&&typeof e=="object",Fn=e=>(B(e)||I(e))&&I(e.then)&&I(e.catch),On=Object.prototype.toString,$t=e=>On.call(e),Nr=e=>$t(e).slice(8,-1),In=e=>$t(e)==="[object Object]",Es=e=>W(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,ot=xs(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),Dt=e=>{const t=Object.create(null);return s=>t[s]||(t[s]=e(s))},Hr=/-(\w)/g,ke=Dt(e=>e.replace(Hr,(t,s)=>s?s.toUpperCase():"")),$r=/\B([A-Z])/g,Ze=Dt(e=>e.replace($r,"-$1").toLowerCase()),Sn=Dt(e=>e.charAt(0).toUpperCase()+e.slice(1)),Zt=Dt(e=>e?`on${Sn(e)}`:""),Me=(e,t)=>!Object.is(e,t),Qt=(e,...t)=>{for(let s=0;s{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,writable:n,value:s})},Dr=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let Js;const Rn=()=>Js||(Js=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});function Ts(e){if(C(e)){const t={};for(let s=0;s{if(s){const n=s.split(Br);n.length>1&&(t[n[0].trim()]=n[1].trim())}}),t}function Ut(e){let t="";if(W(e))t=e;else if(C(e))for(let s=0;s!!(e&&e.__v_isRef===!0),ze=e=>W(e)?e:e==null?"":C(e)||B(e)&&(e.toString===On||!I(e.toString))?Ln(e)?ze(e.value):JSON.stringify(e,jn,2):String(e),jn=(e,t)=>Ln(t)?jn(e,t.value):Ge(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((s,[n,r],o)=>(s[es(n,o)+" =>"]=r,s),{})}:Cn(t)?{[`Set(${t.size})`]:[...t.values()].map(s=>es(s))}:Le(t)?es(t):B(t)&&!C(t)&&!In(t)?String(t):t,es=(e,t="")=>{var s;return Le(e)?`Symbol(${(s=e.description)!=null?s:t})`:e};/** +* @vue/reactivity v3.4.31 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/let ue;class zr{constructor(t=!1){this.detached=t,this._active=!0,this.effects=[],this.cleanups=[],this.parent=ue,!t&&ue&&(this.index=(ue.scopes||(ue.scopes=[])).push(this)-1)}get active(){return this._active}run(t){if(this._active){const s=ue;try{return ue=this,t()}finally{ue=s}}}on(){ue=this}off(){ue=this.parent}stop(t){if(this._active){let s,n;for(s=0,n=this.effects.length;s=4))break}this._dirtyLevel===1&&(this._dirtyLevel=0),Ne()}return this._dirtyLevel>=4}set dirty(t){this._dirtyLevel=t?4:0}run(){if(this._dirtyLevel=0,!this.active)return this.fn();let t=Pe,s=Ke;try{return Pe=!0,Ke=this,this._runnings++,Gs(this),this.fn()}finally{Ys(this),this._runnings--,Ke=s,Pe=t}}stop(){this.active&&(Gs(this),Ys(this),this.onStop&&this.onStop(),this.active=!1)}}function Yr(e){return e.value}function Gs(e){e._trackId++,e._depsLength=0}function Ys(e){if(e.deps.length>e._depsLength){for(let t=e._depsLength;t{const s=new Map;return s.cleanup=e,s.computed=t,s},us=new WeakMap,We=Symbol(""),as=Symbol("");function te(e,t,s){if(Pe&&Ke){let n=us.get(e);n||us.set(e,n=new Map);let r=n.get(s);r||n.set(s,r=Un(()=>n.delete(s))),$n(Ke,r)}}function Te(e,t,s,n,r,o){const i=us.get(e);if(!i)return;let c=[];if(t==="clear")c=[...i.values()];else if(s==="length"&&C(e)){const u=Number(n);i.forEach((d,h)=>{(h==="length"||!Le(h)&&h>=u)&&c.push(d)})}else switch(s!==void 0&&c.push(i.get(s)),t){case"add":C(e)?Es(s)&&c.push(i.get("length")):(c.push(i.get(We)),Ge(e)&&c.push(i.get(as)));break;case"delete":C(e)||(c.push(i.get(We)),Ge(e)&&c.push(i.get(as)));break;case"set":Ge(e)&&c.push(i.get(We));break}Cs();for(const u of c)u&&Dn(u,4);Fs()}const kr=xs("__proto__,__v_isRef,__isVue"),Bn=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Le)),ks=Xr();function Xr(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...s){const n=L(this);for(let o=0,i=this.length;o{e[t]=function(...s){je(),Cs();const n=L(this)[t].apply(this,s);return Fs(),Ne(),n}}),e}function Zr(e){Le(e)||(e=String(e));const t=L(this);return te(t,"has",e),t.hasOwnProperty(e)}class Vn{constructor(t=!1,s=!1){this._isReadonly=t,this._isShallow=s}get(t,s,n){const r=this._isReadonly,o=this._isShallow;if(s==="__v_isReactive")return!r;if(s==="__v_isReadonly")return r;if(s==="__v_isShallow")return o;if(s==="__v_raw")return n===(r?o?ao:zn:o?qn:Wn).get(t)||Object.getPrototypeOf(t)===Object.getPrototypeOf(n)?t:void 0;const i=C(t);if(!r){if(i&&P(ks,s))return Reflect.get(ks,s,n);if(s==="hasOwnProperty")return Zr}const c=Reflect.get(t,s,n);return(Le(s)?Bn.has(s):kr(s))||(r||te(t,"get",s),o)?c:se(c)?i&&Es(s)?c:c.value:B(c)?r?Jn(c):Ss(c):c}}class Kn extends Vn{constructor(t=!1){super(!1,t)}set(t,s,n,r){let o=t[s];if(!this._isShallow){const u=ut(o);if(!Rt(n)&&!ut(n)&&(o=L(o),n=L(n)),!C(t)&&se(o)&&!se(n))return u?!1:(o.value=n,!0)}const i=C(t)&&Es(s)?Number(s)e,Bt=e=>Reflect.getPrototypeOf(e);function vt(e,t,s=!1,n=!1){e=e.__v_raw;const r=L(e),o=L(t);s||(Me(t,o)&&te(r,"get",t),te(r,"get",o));const{has:i}=Bt(r),c=n?Os:s?Rs:at;if(i.call(r,t))return c(e.get(t));if(i.call(r,o))return c(e.get(o));e!==r&&e.get(t)}function wt(e,t=!1){const s=this.__v_raw,n=L(s),r=L(e);return t||(Me(e,r)&&te(n,"has",e),te(n,"has",r)),e===r?s.has(e):s.has(e)||s.has(r)}function Et(e,t=!1){return e=e.__v_raw,!t&&te(L(e),"iterate",We),Reflect.get(e,"size",e)}function Xs(e){e=L(e);const t=L(this);return Bt(t).has.call(t,e)||(t.add(e),Te(t,"add",e,e)),this}function Zs(e,t){t=L(t);const s=L(this),{has:n,get:r}=Bt(s);let o=n.call(s,e);o||(e=L(e),o=n.call(s,e));const i=r.call(s,e);return s.set(e,t),o?Me(t,i)&&Te(s,"set",e,t):Te(s,"add",e,t),this}function Qs(e){const t=L(this),{has:s,get:n}=Bt(t);let r=s.call(t,e);r||(e=L(e),r=s.call(t,e)),n&&n.call(t,e);const o=t.delete(e);return r&&Te(t,"delete",e,void 0),o}function en(){const e=L(this),t=e.size!==0,s=e.clear();return t&&Te(e,"clear",void 0,void 0),s}function Tt(e,t){return function(n,r){const o=this,i=o.__v_raw,c=L(i),u=t?Os:e?Rs:at;return!e&&te(c,"iterate",We),i.forEach((d,h)=>n.call(r,u(d),u(h),o))}}function At(e,t,s){return function(...n){const r=this.__v_raw,o=L(r),i=Ge(o),c=e==="entries"||e===Symbol.iterator&&i,u=e==="keys"&&i,d=r[e](...n),h=s?Os:t?Rs:at;return!t&&te(o,"iterate",u?as:We),{next(){const{value:x,done:E}=d.next();return E?{value:x,done:E}:{value:c?[h(x[0]),h(x[1])]:h(x),done:E}},[Symbol.iterator](){return this}}}}function Fe(e){return function(...t){return e==="delete"?!1:e==="clear"?void 0:this}}function no(){const e={get(o){return vt(this,o)},get size(){return Et(this)},has:wt,add:Xs,set:Zs,delete:Qs,clear:en,forEach:Tt(!1,!1)},t={get(o){return vt(this,o,!1,!0)},get size(){return Et(this)},has:wt,add:Xs,set:Zs,delete:Qs,clear:en,forEach:Tt(!1,!0)},s={get(o){return vt(this,o,!0)},get size(){return Et(this,!0)},has(o){return wt.call(this,o,!0)},add:Fe("add"),set:Fe("set"),delete:Fe("delete"),clear:Fe("clear"),forEach:Tt(!0,!1)},n={get(o){return vt(this,o,!0,!0)},get size(){return Et(this,!0)},has(o){return wt.call(this,o,!0)},add:Fe("add"),set:Fe("set"),delete:Fe("delete"),clear:Fe("clear"),forEach:Tt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{e[o]=At(o,!1,!1),s[o]=At(o,!0,!1),t[o]=At(o,!1,!0),n[o]=At(o,!0,!0)}),[e,s,t,n]}const[ro,oo,io,lo]=no();function Is(e,t){const s=t?e?lo:io:e?oo:ro;return(n,r,o)=>r==="__v_isReactive"?!e:r==="__v_isReadonly"?e:r==="__v_raw"?n:Reflect.get(P(s,r)&&r in n?s:n,r,o)}const co={get:Is(!1,!1)},fo={get:Is(!1,!0)},uo={get:Is(!0,!1)};const Wn=new WeakMap,qn=new WeakMap,zn=new WeakMap,ao=new WeakMap;function ho(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function po(e){return e.__v_skip||!Object.isExtensible(e)?0:ho(Nr(e))}function Ss(e){return ut(e)?e:Ps(e,!1,eo,co,Wn)}function mo(e){return Ps(e,!1,so,fo,qn)}function Jn(e){return Ps(e,!0,to,uo,zn)}function Ps(e,t,s,n,r){if(!B(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const o=r.get(e);if(o)return o;const i=po(e);if(i===0)return e;const c=new Proxy(e,i===2?n:s);return r.set(e,c),c}function it(e){return ut(e)?it(e.__v_raw):!!(e&&e.__v_isReactive)}function ut(e){return!!(e&&e.__v_isReadonly)}function Rt(e){return!!(e&&e.__v_isShallow)}function Gn(e){return e?!!e.__v_raw:!1}function L(e){const t=e&&e.__v_raw;return t?L(t):e}function go(e){return Object.isExtensible(e)&&Pn(e,"__v_skip",!0),e}const at=e=>B(e)?Ss(e):e,Rs=e=>B(e)?Jn(e):e;class Yn{constructor(t,s,n,r){this.getter=t,this._setter=s,this.dep=void 0,this.__v_isRef=!0,this.__v_isReadonly=!1,this.effect=new As(()=>t(this._value),()=>Ft(this,this.effect._dirtyLevel===2?2:3)),this.effect.computed=this,this.effect.active=this._cacheable=!r,this.__v_isReadonly=n}get value(){const t=L(this);return(!t._cacheable||t.effect.dirty)&&Me(t._value,t._value=t.effect.run())&&Ft(t,4),kn(t),t.effect._dirtyLevel>=2&&Ft(t,2),t._value}set value(t){this._setter(t)}get _dirty(){return this.effect.dirty}set _dirty(t){this.effect.dirty=t}}function _o(e,t,s=!1){let n,r;const o=I(e);return o?(n=e,r=le):(n=e.get,r=e.set),new Yn(n,r,o||!r,s)}function kn(e){var t;Pe&&Ke&&(e=L(e),$n(Ke,(t=e.dep)!=null?t:e.dep=Un(()=>e.dep=void 0,e instanceof Yn?e:void 0)))}function Ft(e,t=4,s,n){e=L(e);const r=e.dep;r&&Dn(r,t)}function se(e){return!!(e&&e.__v_isRef===!0)}function Xn(e){return bo(e,!1)}function bo(e,t){return se(e)?e:new yo(e,t)}class yo{constructor(t,s){this.__v_isShallow=s,this.dep=void 0,this.__v_isRef=!0,this._rawValue=s?t:L(t),this._value=s?t:at(t)}get value(){return kn(this),this._value}set value(t){const s=this.__v_isShallow||Rt(t)||ut(t);t=s?t:L(t),Me(t,this._rawValue)&&(this._rawValue,this._rawValue=t,this._value=s?t:at(t),Ft(this,4))}}function ds(e){return se(e)?e.value:e}const xo={get:(e,t,s)=>ds(Reflect.get(e,t,s)),set:(e,t,s,n)=>{const r=e[t];return se(r)&&!se(s)?(r.value=s,!0):Reflect.set(e,t,s,n)}};function Zn(e){return it(e)?e:new Proxy(e,xo)}/** +* @vue/runtime-core v3.4.31 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/function Re(e,t,s,n){try{return n?e(...n):e()}catch(r){Vt(r,t,s)}}function de(e,t,s,n){if(I(e)){const r=Re(e,t,s,n);return r&&Fn(r)&&r.catch(o=>{Vt(o,t,s)}),r}if(C(e)){const r=[];for(let o=0;o>>1,r=k[n],o=ht(r);obe&&k.splice(t,1)}function Ao(e){C(e)?Ye.push(...e):(!Oe||!Oe.includes(e,e.allowRecurse?Ve+1:Ve))&&Ye.push(e),er()}function tn(e,t,s=dt?be+1:0){for(;sht(s)-ht(n));if(Ye.length=0,Oe){Oe.push(...t);return}for(Oe=t,Ve=0;Vee.id==null?1/0:e.id,Co=(e,t)=>{const s=ht(e)-ht(t);if(s===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return s};function sr(e){hs=!1,dt=!0,k.sort(Co);try{for(be=0;beW(O)?O.trim():O)),x&&(r=s.map(Dr))}let c,u=n[c=Zt(t)]||n[c=Zt(ke(t))];!u&&o&&(u=n[c=Zt(Ze(t))]),u&&de(u,e,6,r);const d=n[c+"Once"];if(d){if(!e.emitted)e.emitted={};else if(e.emitted[c])return;e.emitted[c]=!0,de(d,e,6,r)}}function nr(e,t,s=!1){const n=t.emitsCache,r=n.get(e);if(r!==void 0)return r;const o=e.emits;let i={},c=!1;if(!I(e)){const u=d=>{const h=nr(d,t,!0);h&&(c=!0,G(i,h))};!s&&t.mixins.length&&t.mixins.forEach(u),e.extends&&u(e.extends),e.mixins&&e.mixins.forEach(u)}return!o&&!c?(B(e)&&n.set(e,null),null):(C(o)?o.forEach(u=>i[u]=null):G(i,o),B(e)&&n.set(e,i),i)}function Kt(e,t){return!e||!Ht(t)?!1:(t=t.slice(2).replace(/Once$/,""),P(e,t[0].toLowerCase()+t.slice(1))||P(e,Ze(t))||P(e,t))}let ce=null,Wt=null;function Mt(e){const t=ce;return ce=e,Wt=e&&e.type.__scopeId||null,t}function rr(e){Wt=e}function or(){Wt=null}function Oo(e,t=ce,s){if(!t||e._n)return e;const n=(...r)=>{n._d&&hn(-1);const o=Mt(t);let i;try{i=e(...r)}finally{Mt(o),n._d&&hn(1)}return i};return n._n=!0,n._c=!0,n._d=!0,n}function ts(e){const{type:t,vnode:s,proxy:n,withProxy:r,propsOptions:[o],slots:i,attrs:c,emit:u,render:d,renderCache:h,props:x,data:E,setupState:O,ctx:V,inheritAttrs:j}=e,ne=Mt(e);let q,Y;try{if(s.shapeFlag&4){const z=r||n,oe=z;q=_e(d.call(oe,z,h,x,O,E,V)),Y=c}else{const z=t;q=_e(z.length>1?z(x,{attrs:c,slots:i,emit:u}):z(x,null)),Y=t.props?c:Io(c)}}catch(z){ft.length=0,Vt(z,e,1),q=Ae(pt)}let N=q;if(Y&&j!==!1){const z=Object.keys(Y),{shapeFlag:oe}=N;z.length&&oe&7&&(o&&z.some(vs)&&(Y=So(Y,o)),N=Xe(N,Y,!1,!0))}return s.dirs&&(N=Xe(N,null,!1,!0),N.dirs=N.dirs?N.dirs.concat(s.dirs):s.dirs),s.transition&&(N.transition=s.transition),q=N,Mt(ne),q}const Io=e=>{let t;for(const s in e)(s==="class"||s==="style"||Ht(s))&&((t||(t={}))[s]=e[s]);return t},So=(e,t)=>{const s={};for(const n in e)(!vs(n)||!(n.slice(9)in t))&&(s[n]=e[n]);return s};function Po(e,t,s){const{props:n,children:r,component:o}=e,{props:i,children:c,patchFlag:u}=t,d=o.emitsOptions;if(t.dirs||t.transition)return!0;if(s&&u>=0){if(u&1024)return!0;if(u&16)return n?sn(n,i,d):!!i;if(u&8){const h=t.dynamicProps;for(let x=0;xe.__isSuspense;function jo(e,t){t&&t.pendingBranch?C(e)?t.effects.push(...e):t.effects.push(e):Ao(e)}function qt(e,t,s=Q,n=!1){if(s){const r=s[e]||(s[e]=[]),o=t.__weh||(t.__weh=(...i)=>{je();const c=gt(s),u=de(t,s,e,i);return c(),Ne(),u});return n?r.unshift(o):r.push(o),o}}const Ce=e=>(t,s=Q)=>{(!Jt||e==="sp")&&qt(e,(...n)=>t(...n),s)},No=Ce("bm"),Ho=Ce("m"),$o=Ce("bu"),Do=Ce("u"),Uo=Ce("bum"),ir=Ce("um"),Bo=Ce("sp"),Vo=Ce("rtg"),Ko=Ce("rtc");function Wo(e,t=Q){qt("ec",e,t)}function qo(e,t){if(ce===null)return e;const s=Gt(ce),n=e.dirs||(e.dirs=[]);for(let r=0;rt(i,c,void 0,o));else{const i=Object.keys(e);r=new Array(i.length);for(let c=0,u=i.length;c!!e.type.__asyncLoader,ps=e=>e?Cr(e)?Gt(e):ps(e.parent):null,lt=G(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>ps(e.parent),$root:e=>ps(e.root),$emit:e=>e.emit,$options:e=>Ns(e),$forceUpdate:e=>e.f||(e.f=()=>{e.effect.dirty=!0,Ls(e.update)}),$nextTick:e=>e.n||(e.n=wo.bind(e.proxy)),$watch:e=>di.bind(e)}),ss=(e,t)=>e!==D&&!e.__isScriptSetup&&P(e,t),zo={get({_:e},t){if(t==="__v_skip")return!0;const{ctx:s,setupState:n,data:r,props:o,accessCache:i,type:c,appContext:u}=e;let d;if(t[0]!=="$"){const O=i[t];if(O!==void 0)switch(O){case 1:return n[t];case 2:return r[t];case 4:return s[t];case 3:return o[t]}else{if(ss(n,t))return i[t]=1,n[t];if(r!==D&&P(r,t))return i[t]=2,r[t];if((d=e.propsOptions[0])&&P(d,t))return i[t]=3,o[t];if(s!==D&&P(s,t))return i[t]=4,s[t];ms&&(i[t]=0)}}const h=lt[t];let x,E;if(h)return t==="$attrs"&&te(e.attrs,"get",""),h(e);if((x=c.__cssModules)&&(x=x[t]))return x;if(s!==D&&P(s,t))return i[t]=4,s[t];if(E=u.config.globalProperties,P(E,t))return E[t]},set({_:e},t,s){const{data:n,setupState:r,ctx:o}=e;return ss(r,t)?(r[t]=s,!0):n!==D&&P(n,t)?(n[t]=s,!0):P(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(o[t]=s,!0)},has({_:{data:e,setupState:t,accessCache:s,ctx:n,appContext:r,propsOptions:o}},i){let c;return!!s[i]||e!==D&&P(e,i)||ss(t,i)||(c=o[0])&&P(c,i)||P(n,i)||P(lt,i)||P(r.config.globalProperties,i)},defineProperty(e,t,s){return s.get!=null?e._.accessCache[t]=0:P(s,"value")&&this.set(e,t,s.value,null),Reflect.defineProperty(e,t,s)}};function nn(e){return C(e)?e.reduce((t,s)=>(t[s]=null,t),{}):e}let ms=!0;function Jo(e){const t=Ns(e),s=e.proxy,n=e.ctx;ms=!1,t.beforeCreate&&rn(t.beforeCreate,e,"bc");const{data:r,computed:o,methods:i,watch:c,provide:u,inject:d,created:h,beforeMount:x,mounted:E,beforeUpdate:O,updated:V,activated:j,deactivated:ne,beforeDestroy:q,beforeUnmount:Y,destroyed:N,unmounted:z,render:oe,renderTracked:R,renderTriggered:ve,errorCaptured:he,serverPrefetch:Yt,expose:He,inheritAttrs:Qe,components:_t,directives:bt,filters:kt}=t;if(d&&Go(d,n,null),i)for(const U in i){const H=i[U];I(H)&&(n[U]=H.bind(s))}if(r){const U=r.call(s,s);B(U)&&(e.data=Ss(U))}if(ms=!0,o)for(const U in o){const H=o[U],$e=I(H)?H.bind(s,s):I(H.get)?H.get.bind(s,s):le,yt=!I(H)&&I(H.set)?H.set.bind(s):le,De=Pi({get:$e,set:yt});Object.defineProperty(n,U,{enumerable:!0,configurable:!0,get:()=>De.value,set:pe=>De.value=pe})}if(c)for(const U in c)lr(c[U],n,s,U);if(u){const U=I(u)?u.call(s):u;Reflect.ownKeys(U).forEach(H=>{ei(H,U[H])})}h&&rn(h,e,"c");function X(U,H){C(H)?H.forEach($e=>U($e.bind(s))):H&&U(H.bind(s))}if(X(No,x),X(Ho,E),X($o,O),X(Do,V),X(hi,j),X(pi,ne),X(Wo,he),X(Ko,R),X(Vo,ve),X(Uo,Y),X(ir,z),X(Bo,Yt),C(He))if(He.length){const U=e.exposed||(e.exposed={});He.forEach(H=>{Object.defineProperty(U,H,{get:()=>s[H],set:$e=>s[H]=$e})})}else e.exposed||(e.exposed={});oe&&e.render===le&&(e.render=oe),Qe!=null&&(e.inheritAttrs=Qe),_t&&(e.components=_t),bt&&(e.directives=bt)}function Go(e,t,s=le){C(e)&&(e=gs(e));for(const n in e){const r=e[n];let o;B(r)?"default"in r?o=It(r.from||n,r.default,!0):o=It(r.from||n):o=It(r),se(o)?Object.defineProperty(t,n,{enumerable:!0,configurable:!0,get:()=>o.value,set:i=>o.value=i}):t[n]=o}}function rn(e,t,s){de(C(e)?e.map(n=>n.bind(t.proxy)):e.bind(t.proxy),t,s)}function lr(e,t,s,n){const r=n.includes(".")?xr(s,n):()=>s[n];if(W(e)){const o=t[e];I(o)&&rs(r,o)}else if(I(e))rs(r,e.bind(s));else if(B(e))if(C(e))e.forEach(o=>lr(o,t,s,n));else{const o=I(e.handler)?e.handler.bind(s):t[e.handler];I(o)&&rs(r,o,e)}}function Ns(e){const t=e.type,{mixins:s,extends:n}=t,{mixins:r,optionsCache:o,config:{optionMergeStrategies:i}}=e.appContext,c=o.get(t);let u;return c?u=c:!r.length&&!s&&!n?u=t:(u={},r.length&&r.forEach(d=>Lt(u,d,i,!0)),Lt(u,t,i)),B(t)&&o.set(t,u),u}function Lt(e,t,s,n=!1){const{mixins:r,extends:o}=t;o&&Lt(e,o,s,!0),r&&r.forEach(i=>Lt(e,i,s,!0));for(const i in t)if(!(n&&i==="expose")){const c=Yo[i]||s&&s[i];e[i]=c?c(e[i],t[i]):t[i]}return e}const Yo={data:on,props:ln,emits:ln,methods:rt,computed:rt,beforeCreate:Z,created:Z,beforeMount:Z,mounted:Z,beforeUpdate:Z,updated:Z,beforeDestroy:Z,beforeUnmount:Z,destroyed:Z,unmounted:Z,activated:Z,deactivated:Z,errorCaptured:Z,serverPrefetch:Z,components:rt,directives:rt,watch:Xo,provide:on,inject:ko};function on(e,t){return t?e?function(){return G(I(e)?e.call(this,this):e,I(t)?t.call(this,this):t)}:t:e}function ko(e,t){return rt(gs(e),gs(t))}function gs(e){if(C(e)){const t={};for(let s=0;s1)return s&&I(t)?t.call(n&&n.proxy):t}}const fr={},ur=()=>Object.create(fr),ar=e=>Object.getPrototypeOf(e)===fr;function ti(e,t,s,n=!1){const r={},o=ur();e.propsDefaults=Object.create(null),dr(e,t,r,o);for(const i in e.propsOptions[0])i in r||(r[i]=void 0);s?e.props=n?r:mo(r):e.type.props?e.props=r:e.props=o,e.attrs=o}function si(e,t,s,n){const{props:r,attrs:o,vnode:{patchFlag:i}}=e,c=L(r),[u]=e.propsOptions;let d=!1;if((n||i>0)&&!(i&16)){if(i&8){const h=e.vnode.dynamicProps;for(let x=0;x{u=!0;const[E,O]=hr(x,t,!0);G(i,E),O&&c.push(...O)};!s&&t.mixins.length&&t.mixins.forEach(h),e.extends&&h(e.extends),e.mixins&&e.mixins.forEach(h)}if(!o&&!u)return B(e)&&n.set(e,Je),Je;if(C(o))for(let h=0;h-1,O[1]=j<0||V-1||P(O,"default"))&&c.push(x)}}}const d=[i,c];return B(e)&&n.set(e,d),d}function cn(e){return e[0]!=="$"&&!ot(e)}function fn(e){return e===null?"null":typeof e=="function"?e.name||"":typeof e=="object"&&e.constructor&&e.constructor.name||""}function un(e,t){return fn(e)===fn(t)}function an(e,t){return C(t)?t.findIndex(s=>un(s,e)):I(t)&&un(t,e)?0:-1}const pr=e=>e[0]==="_"||e==="$stable",Hs=e=>C(e)?e.map(_e):[_e(e)],ni=(e,t,s)=>{if(t._n)return t;const n=Oo((...r)=>Hs(t(...r)),s);return n._c=!1,n},mr=(e,t,s)=>{const n=e._ctx;for(const r in e){if(pr(r))continue;const o=e[r];if(I(o))t[r]=ni(r,o,n);else if(o!=null){const i=Hs(o);t[r]=()=>i}}},gr=(e,t)=>{const s=Hs(t);e.slots.default=()=>s},ri=(e,t)=>{const s=e.slots=ur();if(e.vnode.shapeFlag&32){const n=t._;n?(G(s,t),Pn(s,"_",n,!0)):mr(t,s)}else t&&gr(e,t)},oi=(e,t,s)=>{const{vnode:n,slots:r}=e;let o=!0,i=D;if(n.shapeFlag&32){const c=t._;c?s&&c===1?o=!1:(G(r,t),!s&&c===1&&delete r._):(o=!t.$stable,mr(t,r)),i=t}else t&&(gr(e,t),i={default:1});if(o)for(const c in r)!pr(c)&&i[c]==null&&delete r[c]};function bs(e,t,s,n,r=!1){if(C(e)){e.forEach((E,O)=>bs(E,t&&(C(t)?t[O]:t),s,n,r));return}if(Ot(n)&&!r)return;const o=n.shapeFlag&4?Gt(n.component):n.el,i=r?null:o,{i:c,r:u}=e,d=t&&t.r,h=c.refs===D?c.refs={}:c.refs,x=c.setupState;if(d!=null&&d!==u&&(W(d)?(h[d]=null,P(x,d)&&(x[d]=null)):se(d)&&(d.value=null)),I(u))Re(u,c,12,[i,h]);else{const E=W(u),O=se(u);if(E||O){const V=()=>{if(e.f){const j=E?P(x,u)?x[u]:h[u]:u.value;r?C(j)&&ws(j,o):C(j)?j.includes(o)||j.push(o):E?(h[u]=[o],P(x,u)&&(x[u]=h[u])):(u.value=[o],e.k&&(h[e.k]=u.value))}else E?(h[u]=i,P(x,u)&&(x[u]=i)):O&&(u.value=i,e.k&&(h[e.k]=i))};i?(V.id=-1,ee(V,s)):V()}}}const ee=jo;function ii(e){return li(e)}function li(e,t){const s=Rn();s.__VUE__=!0;const{insert:n,remove:r,patchProp:o,createElement:i,createText:c,createComment:u,setText:d,setElementText:h,parentNode:x,nextSibling:E,setScopeId:O=le,insertStaticContent:V}=e,j=(l,f,a,p=null,m=null,b=null,v=void 0,_=null,y=!!f.dynamicChildren)=>{if(l===f)return;l&&!st(l,f)&&(p=xt(l),pe(l,m,b,!0),l=null),f.patchFlag===-2&&(y=!1,f.dynamicChildren=null);const{type:g,ref:w,shapeFlag:A}=f;switch(g){case zt:ne(l,f,a,p);break;case pt:q(l,f,a,p);break;case os:l==null&&Y(f,a,p,v);break;case ie:_t(l,f,a,p,m,b,v,_,y);break;default:A&1?oe(l,f,a,p,m,b,v,_,y):A&6?bt(l,f,a,p,m,b,v,_,y):(A&64||A&128)&&g.process(l,f,a,p,m,b,v,_,y,et)}w!=null&&m&&bs(w,l&&l.ref,b,f||l,!f)},ne=(l,f,a,p)=>{if(l==null)n(f.el=c(f.children),a,p);else{const m=f.el=l.el;f.children!==l.children&&d(m,f.children)}},q=(l,f,a,p)=>{l==null?n(f.el=u(f.children||""),a,p):f.el=l.el},Y=(l,f,a,p)=>{[l.el,l.anchor]=V(l.children,f,a,p,l.el,l.anchor)},N=({el:l,anchor:f},a,p)=>{let m;for(;l&&l!==f;)m=E(l),n(l,a,p),l=m;n(f,a,p)},z=({el:l,anchor:f})=>{let a;for(;l&&l!==f;)a=E(l),r(l),l=a;r(f)},oe=(l,f,a,p,m,b,v,_,y)=>{f.type==="svg"?v="svg":f.type==="math"&&(v="mathml"),l==null?R(f,a,p,m,b,v,_,y):Yt(l,f,m,b,v,_,y)},R=(l,f,a,p,m,b,v,_)=>{let y,g;const{props:w,shapeFlag:A,transition:T,dirs:F}=l;if(y=l.el=i(l.type,b,w&&w.is,w),A&8?h(y,l.children):A&16&&he(l.children,y,null,p,m,ns(l,b),v,_),F&&Ue(l,null,p,"created"),ve(y,l,l.scopeId,v,p),w){for(const $ in w)$!=="value"&&!ot($)&&o(y,$,null,w[$],b,l.children,p,m,we);"value"in w&&o(y,"value",null,w.value,b),(g=w.onVnodeBeforeMount)&&ge(g,p,l)}F&&Ue(l,null,p,"beforeMount");const S=ci(m,T);S&&T.beforeEnter(y),n(y,f,a),((g=w&&w.onVnodeMounted)||S||F)&&ee(()=>{g&&ge(g,p,l),S&&T.enter(y),F&&Ue(l,null,p,"mounted")},m)},ve=(l,f,a,p,m)=>{if(a&&O(l,a),p)for(let b=0;b{for(let g=y;g{const _=f.el=l.el;let{patchFlag:y,dynamicChildren:g,dirs:w}=f;y|=l.patchFlag&16;const A=l.props||D,T=f.props||D;let F;if(a&&Be(a,!1),(F=T.onVnodeBeforeUpdate)&&ge(F,a,f,l),w&&Ue(f,l,a,"beforeUpdate"),a&&Be(a,!0),g?He(l.dynamicChildren,g,_,a,p,ns(f,m),b):v||H(l,f,_,null,a,p,ns(f,m),b,!1),y>0){if(y&16)Qe(_,f,A,T,a,p,m);else if(y&2&&A.class!==T.class&&o(_,"class",null,T.class,m),y&4&&o(_,"style",A.style,T.style,m),y&8){const S=f.dynamicProps;for(let $=0;${F&&ge(F,a,f,l),w&&Ue(f,l,a,"updated")},p)},He=(l,f,a,p,m,b,v)=>{for(let _=0;_{if(a!==p){if(a!==D)for(const _ in a)!ot(_)&&!(_ in p)&&o(l,_,a[_],null,v,f.children,m,b,we);for(const _ in p){if(ot(_))continue;const y=p[_],g=a[_];y!==g&&_!=="value"&&o(l,_,g,y,v,f.children,m,b,we)}"value"in p&&o(l,"value",a.value,p.value,v)}},_t=(l,f,a,p,m,b,v,_,y)=>{const g=f.el=l?l.el:c(""),w=f.anchor=l?l.anchor:c("");let{patchFlag:A,dynamicChildren:T,slotScopeIds:F}=f;F&&(_=_?_.concat(F):F),l==null?(n(g,a,p),n(w,a,p),he(f.children||[],a,w,m,b,v,_,y)):A>0&&A&64&&T&&l.dynamicChildren?(He(l.dynamicChildren,T,a,m,b,v,_),(f.key!=null||m&&f===m.subTree)&&_r(l,f,!0)):H(l,f,a,w,m,b,v,_,y)},bt=(l,f,a,p,m,b,v,_,y)=>{f.slotScopeIds=_,l==null?f.shapeFlag&512?m.ctx.activate(f,a,p,v,y):kt(f,a,p,m,b,v,y):Ds(l,f,y)},kt=(l,f,a,p,m,b,v)=>{const _=l.component=Ai(l,p,m);if(vr(l)&&(_.ctx.renderer=et),Ci(_),_.asyncDep){if(m&&m.registerDep(_,X,v),!l.el){const y=_.subTree=Ae(pt);q(null,y,f,a)}}else X(_,l,f,a,m,b,v)},Ds=(l,f,a)=>{const p=f.component=l.component;if(Po(l,f,a))if(p.asyncDep&&!p.asyncResolved){U(p,f,a);return}else p.next=f,To(p.update),p.effect.dirty=!0,p.update();else f.el=l.el,p.vnode=f},X=(l,f,a,p,m,b,v)=>{const _=()=>{if(l.isMounted){let{next:w,bu:A,u:T,parent:F,vnode:S}=l;{const qe=br(l);if(qe){w&&(w.el=S.el,U(l,w,v)),qe.asyncDep.then(()=>{l.isUnmounted||_()});return}}let $=w,M;Be(l,!1),w?(w.el=S.el,U(l,w,v)):w=S,A&&Qt(A),(M=w.props&&w.props.onVnodeBeforeUpdate)&&ge(M,F,w,S),Be(l,!0);const J=ts(l),fe=l.subTree;l.subTree=J,j(fe,J,x(fe.el),xt(fe),l,m,b),w.el=J.el,$===null&&Ro(l,J.el),T&&ee(T,m),(M=w.props&&w.props.onVnodeUpdated)&&ee(()=>ge(M,F,w,S),m)}else{let w;const{el:A,props:T}=f,{bm:F,m:S,parent:$}=l,M=Ot(f);if(Be(l,!1),F&&Qt(F),!M&&(w=T&&T.onVnodeBeforeMount)&&ge(w,$,f),Be(l,!0),A&&Ks){const J=()=>{l.subTree=ts(l),Ks(A,l.subTree,l,m,null)};M?f.type.__asyncLoader().then(()=>!l.isUnmounted&&J()):J()}else{const J=l.subTree=ts(l);j(null,J,a,p,l,m,b),f.el=J.el}if(S&&ee(S,m),!M&&(w=T&&T.onVnodeMounted)){const J=f;ee(()=>ge(w,$,J),m)}(f.shapeFlag&256||$&&Ot($.vnode)&&$.vnode.shapeFlag&256)&&l.a&&ee(l.a,m),l.isMounted=!0,f=a=p=null}},y=l.effect=new As(_,le,()=>Ls(g),l.scope),g=l.update=()=>{y.dirty&&y.run()};g.id=l.uid,Be(l,!0),g()},U=(l,f,a)=>{f.component=l;const p=l.vnode.props;l.vnode=f,l.next=null,si(l,f.props,p,a),oi(l,f.children,a),je(),tn(l),Ne()},H=(l,f,a,p,m,b,v,_,y=!1)=>{const g=l&&l.children,w=l?l.shapeFlag:0,A=f.children,{patchFlag:T,shapeFlag:F}=f;if(T>0){if(T&128){yt(g,A,a,p,m,b,v,_,y);return}else if(T&256){$e(g,A,a,p,m,b,v,_,y);return}}F&8?(w&16&&we(g,m,b),A!==g&&h(a,A)):w&16?F&16?yt(g,A,a,p,m,b,v,_,y):we(g,m,b,!0):(w&8&&h(a,""),F&16&&he(A,a,p,m,b,v,_,y))},$e=(l,f,a,p,m,b,v,_,y)=>{l=l||Je,f=f||Je;const g=l.length,w=f.length,A=Math.min(g,w);let T;for(T=0;Tw?we(l,m,b,!0,!1,A):he(f,a,p,m,b,v,_,y,A)},yt=(l,f,a,p,m,b,v,_,y)=>{let g=0;const w=f.length;let A=l.length-1,T=w-1;for(;g<=A&&g<=T;){const F=l[g],S=f[g]=y?Ie(f[g]):_e(f[g]);if(st(F,S))j(F,S,a,null,m,b,v,_,y);else break;g++}for(;g<=A&&g<=T;){const F=l[A],S=f[T]=y?Ie(f[T]):_e(f[T]);if(st(F,S))j(F,S,a,null,m,b,v,_,y);else break;A--,T--}if(g>A){if(g<=T){const F=T+1,S=FT)for(;g<=A;)pe(l[g],m,b,!0),g++;else{const F=g,S=g,$=new Map;for(g=S;g<=T;g++){const re=f[g]=y?Ie(f[g]):_e(f[g]);re.key!=null&&$.set(re.key,g)}let M,J=0;const fe=T-S+1;let qe=!1,Ws=0;const tt=new Array(fe);for(g=0;g=fe){pe(re,m,b,!0);continue}let me;if(re.key!=null)me=$.get(re.key);else for(M=S;M<=T;M++)if(tt[M-S]===0&&st(re,f[M])){me=M;break}me===void 0?pe(re,m,b,!0):(tt[me-S]=g+1,me>=Ws?Ws=me:qe=!0,j(re,f[me],a,null,m,b,v,_,y),J++)}const qs=qe?fi(tt):Je;for(M=qs.length-1,g=fe-1;g>=0;g--){const re=S+g,me=f[re],zs=re+1{const{el:b,type:v,transition:_,children:y,shapeFlag:g}=l;if(g&6){De(l.component.subTree,f,a,p);return}if(g&128){l.suspense.move(f,a,p);return}if(g&64){v.move(l,f,a,et);return}if(v===ie){n(b,f,a);for(let A=0;A_.enter(b),m);else{const{leave:A,delayLeave:T,afterLeave:F}=_,S=()=>n(b,f,a),$=()=>{A(b,()=>{S(),F&&F()})};T?T(b,S,$):$()}else n(b,f,a)},pe=(l,f,a,p=!1,m=!1)=>{const{type:b,props:v,ref:_,children:y,dynamicChildren:g,shapeFlag:w,patchFlag:A,dirs:T,memoIndex:F}=l;if(A===-2&&(m=!1),_!=null&&bs(_,null,a,l,!0),F!=null&&(f.renderCache[F]=void 0),w&256){f.ctx.deactivate(l);return}const S=w&1&&T,$=!Ot(l);let M;if($&&(M=v&&v.onVnodeBeforeUnmount)&&ge(M,f,l),w&6)Mr(l.component,a,p);else{if(w&128){l.suspense.unmount(a,p);return}S&&Ue(l,null,f,"beforeUnmount"),w&64?l.type.remove(l,f,a,et,p):g&&(b!==ie||A>0&&A&64)?we(g,f,a,!1,!0):(b===ie&&A&384||!m&&w&16)&&we(y,f,a),p&&Us(l)}($&&(M=v&&v.onVnodeUnmounted)||S)&&ee(()=>{M&&ge(M,f,l),S&&Ue(l,null,f,"unmounted")},a)},Us=l=>{const{type:f,el:a,anchor:p,transition:m}=l;if(f===ie){Rr(a,p);return}if(f===os){z(l);return}const b=()=>{r(a),m&&!m.persisted&&m.afterLeave&&m.afterLeave()};if(l.shapeFlag&1&&m&&!m.persisted){const{leave:v,delayLeave:_}=m,y=()=>v(a,b);_?_(l.el,b,y):y()}else b()},Rr=(l,f)=>{let a;for(;l!==f;)a=E(l),r(l),l=a;r(f)},Mr=(l,f,a)=>{const{bum:p,scope:m,update:b,subTree:v,um:_,m:y,a:g}=l;dn(y),dn(g),p&&Qt(p),m.stop(),b&&(b.active=!1,pe(v,l,f,a)),_&&ee(_,f),ee(()=>{l.isUnmounted=!0},f),f&&f.pendingBranch&&!f.isUnmounted&&l.asyncDep&&!l.asyncResolved&&l.suspenseId===f.pendingId&&(f.deps--,f.deps===0&&f.resolve())},we=(l,f,a,p=!1,m=!1,b=0)=>{for(let v=b;vl.shapeFlag&6?xt(l.component.subTree):l.shapeFlag&128?l.suspense.next():E(l.anchor||l.el);let Xt=!1;const Bs=(l,f,a)=>{l==null?f._vnode&&pe(f._vnode,null,null,!0):j(f._vnode||null,l,f,null,null,null,a),Xt||(Xt=!0,tn(),tr(),Xt=!1),f._vnode=l},et={p:j,um:pe,m:De,r:Us,mt:kt,mc:he,pc:H,pbc:He,n:xt,o:e};let Vs,Ks;return{render:Bs,hydrate:Vs,createApp:Qo(Bs,Vs)}}function ns({type:e,props:t},s){return s==="svg"&&e==="foreignObject"||s==="mathml"&&e==="annotation-xml"&&t&&t.encoding&&t.encoding.includes("html")?void 0:s}function Be({effect:e,update:t},s){e.allowRecurse=t.allowRecurse=s}function ci(e,t){return(!e||e&&!e.pendingBranch)&&t&&!t.persisted}function _r(e,t,s=!1){const n=e.children,r=t.children;if(C(n)&&C(r))for(let o=0;o>1,e[s[c]]0&&(t[n]=s[o-1]),s[o]=n)}}for(o=s.length,i=s[o-1];o-- >0;)s[o]=i,i=t[i];return s}function br(e){const t=e.subTree.component;if(t)return t.asyncDep&&!t.asyncResolved?t:br(t)}function dn(e){if(e)for(let t=0;tIt(ui),Ct={};function rs(e,t,s){return yr(e,t,s)}function yr(e,t,{immediate:s,deep:n,flush:r,once:o,onTrack:i,onTrigger:c}=D){if(t&&o){const R=t;t=(...ve)=>{R(...ve),oe()}}const u=Q,d=R=>n===!0?R:Se(R,n===!1?1:void 0);let h,x=!1,E=!1;if(se(e)?(h=()=>e.value,x=Rt(e)):it(e)?(h=()=>d(e),x=!0):C(e)?(E=!0,x=e.some(R=>it(R)||Rt(R)),h=()=>e.map(R=>{if(se(R))return R.value;if(it(R))return d(R);if(I(R))return Re(R,u,2)})):I(e)?t?h=()=>Re(e,u,2):h=()=>(O&&O(),de(e,u,3,[V])):h=le,t&&n){const R=h;h=()=>Se(R())}let O,V=R=>{O=N.onStop=()=>{Re(R,u,4),O=N.onStop=void 0}},j;if(Jt)if(V=le,t?s&&de(t,u,3,[h(),E?[]:void 0,V]):h(),r==="sync"){const R=ai();j=R.__watcherHandles||(R.__watcherHandles=[])}else return le;let ne=E?new Array(e.length).fill(Ct):Ct;const q=()=>{if(!(!N.active||!N.dirty))if(t){const R=N.run();(n||x||(E?R.some((ve,he)=>Me(ve,ne[he])):Me(R,ne)))&&(O&&O(),de(t,u,3,[R,ne===Ct?void 0:E&&ne[0]===Ct?[]:ne,V]),ne=R)}else N.run()};q.allowRecurse=!!t;let Y;r==="sync"?Y=q:r==="post"?Y=()=>ee(q,u&&u.suspense):(q.pre=!0,u&&(q.id=u.uid),Y=()=>Ls(q));const N=new As(h,le,Y),z=Gr(),oe=()=>{N.stop(),z&&ws(z.effects,N)};return t?s?q():ne=N.run():r==="post"?ee(N.run.bind(N),u&&u.suspense):N.run(),j&&j.push(oe),oe}function di(e,t,s){const n=this.proxy,r=W(e)?e.includes(".")?xr(n,e):()=>n[e]:e.bind(n,n);let o;I(t)?o=t:(o=t.handler,s=t);const i=gt(this),c=yr(r,o.bind(n),s);return i(),c}function xr(e,t){const s=t.split(".");return()=>{let n=e;for(let r=0;r{Se(n,t,s)});else if(In(e)){for(const n in e)Se(e[n],t,s);for(const n of Object.getOwnPropertySymbols(e))Object.prototype.propertyIsEnumerable.call(e,n)&&Se(e[n],t,s)}return e}const vr=e=>e.type.__isKeepAlive;function hi(e,t){wr(e,"a",t)}function pi(e,t){wr(e,"da",t)}function wr(e,t,s=Q){const n=e.__wdc||(e.__wdc=()=>{let r=s;for(;r;){if(r.isDeactivated)return;r=r.parent}return e()});if(qt(t,n,s),s){let r=s.parent;for(;r&&r.parent;)vr(r.parent.vnode)&&mi(n,t,s,r),r=r.parent}}function mi(e,t,s,n){const r=qt(t,e,n,!0);ir(()=>{ws(n[t],r)},s)}function Er(e,t){e.shapeFlag&6&&e.component?Er(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}const gi=e=>e.__isTeleport,ie=Symbol.for("v-fgt"),zt=Symbol.for("v-txt"),pt=Symbol.for("v-cmt"),os=Symbol.for("v-stc"),ft=[];let ae=null;function ye(e=!1){ft.push(ae=e?null:[])}function _i(){ft.pop(),ae=ft[ft.length-1]||null}let mt=1;function hn(e){mt+=e}function bi(e){return e.dynamicChildren=mt>0?ae||Je:null,_i(),mt>0&&ae&&ae.push(e),e}function xe(e,t,s,n,r,o){return bi(K(e,t,s,n,r,o,!0))}function yi(e){return e?e.__v_isVNode===!0:!1}function st(e,t){return e.type===t.type&&e.key===t.key}const Tr=({key:e})=>e??null,St=({ref:e,ref_key:t,ref_for:s})=>(typeof e=="number"&&(e=""+e),e!=null?W(e)||se(e)||I(e)?{i:ce,r:e,k:t,f:!!s}:e:null);function K(e,t=null,s=null,n=0,r=null,o=e===ie?0:1,i=!1,c=!1){const u={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&Tr(t),ref:t&&St(t),scopeId:Wt,slotScopeIds:null,children:s,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:o,patchFlag:n,dynamicProps:r,dynamicChildren:null,appContext:null,ctx:ce};return c?($s(u,s),o&128&&e.normalize(u)):s&&(u.shapeFlag|=W(s)?8:16),mt>0&&!i&&ae&&(u.patchFlag>0||o&6)&&u.patchFlag!==32&&ae.push(u),u}const Ae=xi;function xi(e,t=null,s=null,n=0,r=null,o=!1){if((!e||e===Mo)&&(e=pt),yi(e)){const c=Xe(e,t,!0);return s&&$s(c,s),mt>0&&!o&&ae&&(c.shapeFlag&6?ae[ae.indexOf(e)]=c:ae.push(c)),c.patchFlag=-2,c}if(Si(e)&&(e=e.__vccOpts),t){t=vi(t);let{class:c,style:u}=t;c&&!W(c)&&(t.class=Ut(c)),B(u)&&(Gn(u)&&!C(u)&&(u=G({},u)),t.style=Ts(u))}const i=W(e)?1:Lo(e)?128:gi(e)?64:B(e)?4:I(e)?2:0;return K(e,t,s,n,r,i,o,!0)}function vi(e){return e?Gn(e)||ar(e)?G({},e):e:null}function Xe(e,t,s=!1,n=!1){const{props:r,ref:o,patchFlag:i,children:c,transition:u}=e,d=t?wi(r||{},t):r,h={__v_isVNode:!0,__v_skip:!0,type:e.type,props:d,key:d&&Tr(d),ref:t&&t.ref?s&&o?C(o)?o.concat(St(t)):[o,St(t)]:St(t):o,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:c,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==ie?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:u,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&Xe(e.ssContent),ssFallback:e.ssFallback&&Xe(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx,ce:e.ce};return u&&n&&Er(h,u.clone(h)),h}function Ar(e=" ",t=0){return Ae(zt,null,e,t)}function _e(e){return e==null||typeof e=="boolean"?Ae(pt):C(e)?Ae(ie,null,e.slice()):typeof e=="object"?Ie(e):Ae(zt,null,String(e))}function Ie(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:Xe(e)}function $s(e,t){let s=0;const{shapeFlag:n}=e;if(t==null)t=null;else if(C(t))s=16;else if(typeof t=="object")if(n&65){const r=t.default;r&&(r._c&&(r._d=!1),$s(e,r()),r._c&&(r._d=!0));return}else{s=32;const r=t._;!r&&!ar(t)?t._ctx=ce:r===3&&ce&&(ce.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else I(t)?(t={default:t,_ctx:ce},s=32):(t=String(t),n&64?(s=16,t=[Ar(t)]):s=8);e.children=t,e.shapeFlag|=s}function wi(...e){const t={};for(let s=0;s{let r;return(r=e[s])||(r=e[s]=[]),r.push(n),o=>{r.length>1?r.forEach(i=>i(o)):r[0](o)}};jt=t("__VUE_INSTANCE_SETTERS__",s=>Q=s),ys=t("__VUE_SSR_SETTERS__",s=>Jt=s)}const gt=e=>{const t=Q;return jt(e),e.scope.on(),()=>{e.scope.off(),jt(t)}},pn=()=>{Q&&Q.scope.off(),jt(null)};function Cr(e){return e.vnode.shapeFlag&4}let Jt=!1;function Ci(e,t=!1){t&&ys(t);const{props:s,children:n}=e.vnode,r=Cr(e);ti(e,s,r,t),ri(e,n);const o=r?Fi(e,t):void 0;return t&&ys(!1),o}function Fi(e,t){const s=e.type;e.accessCache=Object.create(null),e.proxy=new Proxy(e.ctx,zo);const{setup:n}=s;if(n){const r=e.setupContext=n.length>1?Ii(e):null,o=gt(e);je();const i=Re(n,e,0,[e.props,r]);if(Ne(),o(),Fn(i)){if(i.then(pn,pn),t)return i.then(c=>{mn(e,c,t)}).catch(c=>{Vt(c,e,0)});e.asyncDep=i}else mn(e,i,t)}else Fr(e,t)}function mn(e,t,s){I(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:B(t)&&(e.setupState=Zn(t)),Fr(e,s)}let gn;function Fr(e,t,s){const n=e.type;if(!e.render){if(!t&&gn&&!n.render){const r=n.template||Ns(e).template;if(r){const{isCustomElement:o,compilerOptions:i}=e.appContext.config,{delimiters:c,compilerOptions:u}=n,d=G(G({isCustomElement:o,delimiters:c},i),u);n.render=gn(r,d)}}e.render=n.render||le}{const r=gt(e);je();try{Jo(e)}finally{Ne(),r()}}}const Oi={get(e,t){return te(e,"get",""),e[t]}};function Ii(e){const t=s=>{e.exposed=s||{}};return{attrs:new Proxy(e.attrs,Oi),slots:e.slots,emit:e.emit,expose:t}}function Gt(e){return e.exposed?e.exposeProxy||(e.exposeProxy=new Proxy(Zn(go(e.exposed)),{get(t,s){if(s in t)return t[s];if(s in lt)return lt[s](e)},has(t,s){return s in t||s in lt}})):e.proxy}function Si(e){return I(e)&&"__vccOpts"in e}const Pi=(e,t)=>_o(e,t,Jt),Ri="3.4.31";/** +* @vue/runtime-dom v3.4.31 +* (c) 2018-present Yuxi (Evan) You and Vue contributors +* @license MIT +**/const Mi="http://www.w3.org/2000/svg",Li="http://www.w3.org/1998/Math/MathML",Ee=typeof document<"u"?document:null,_n=Ee&&Ee.createElement("template"),ji={insert:(e,t,s)=>{t.insertBefore(e,s||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,s,n)=>{const r=t==="svg"?Ee.createElementNS(Mi,e):t==="mathml"?Ee.createElementNS(Li,e):s?Ee.createElement(e,{is:s}):Ee.createElement(e);return e==="select"&&n&&n.multiple!=null&&r.setAttribute("multiple",n.multiple),r},createText:e=>Ee.createTextNode(e),createComment:e=>Ee.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Ee.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,s,n,r,o){const i=s?s.previousSibling:t.lastChild;if(r&&(r===o||r.nextSibling))for(;t.insertBefore(r.cloneNode(!0),s),!(r===o||!(r=r.nextSibling)););else{_n.innerHTML=n==="svg"?`${e}`:n==="mathml"?`${e}`:e;const c=_n.content;if(n==="svg"||n==="mathml"){const u=c.firstChild;for(;u.firstChild;)c.appendChild(u.firstChild);c.removeChild(u)}t.insertBefore(c,s)}return[i?i.nextSibling:t.firstChild,s?s.previousSibling:t.lastChild]}},Ni=Symbol("_vtc");function Hi(e,t,s){const n=e[Ni];n&&(t=(t?[t,...n]:[...n]).join(" ")),t==null?e.removeAttribute("class"):s?e.setAttribute("class",t):e.className=t}const Nt=Symbol("_vod"),Or=Symbol("_vsh"),$i={beforeMount(e,{value:t},{transition:s}){e[Nt]=e.style.display==="none"?"":e.style.display,s&&t?s.beforeEnter(e):nt(e,t)},mounted(e,{value:t},{transition:s}){s&&t&&s.enter(e)},updated(e,{value:t,oldValue:s},{transition:n}){!t!=!s&&(n?t?(n.beforeEnter(e),nt(e,!0),n.enter(e)):n.leave(e,()=>{nt(e,!1)}):nt(e,t))},beforeUnmount(e,{value:t}){nt(e,t)}};function nt(e,t){e.style.display=t?e[Nt]:"none",e[Or]=!t}const Di=Symbol(""),Ui=/(^|;)\s*display\s*:/;function Bi(e,t,s){const n=e.style,r=W(s);let o=!1;if(s&&!r){if(t)if(W(t))for(const i of t.split(";")){const c=i.slice(0,i.indexOf(":")).trim();s[c]==null&&Pt(n,c,"")}else for(const i in t)s[i]==null&&Pt(n,i,"");for(const i in s)i==="display"&&(o=!0),Pt(n,i,s[i])}else if(r){if(t!==s){const i=n[Di];i&&(s+=";"+i),n.cssText=s,o=Ui.test(s)}}else t&&e.removeAttribute("style");Nt in e&&(e[Nt]=o?n.display:"",e[Or]&&(n.display="none"))}const bn=/\s*!important$/;function Pt(e,t,s){if(C(s))s.forEach(n=>Pt(e,t,n));else if(s==null&&(s=""),t.startsWith("--"))e.setProperty(t,s);else{const n=Vi(e,t);bn.test(s)?e.setProperty(Ze(n),s.replace(bn,""),"important"):e[n]=s}}const yn=["Webkit","Moz","ms"],is={};function Vi(e,t){const s=is[t];if(s)return s;let n=ke(t);if(n!=="filter"&&n in e)return is[t]=n;n=Sn(n);for(let r=0;rls||(Gi.then(()=>ls=0),ls=Date.now());function ki(e,t){const s=n=>{if(!n._vts)n._vts=Date.now();else if(n._vts<=s.attached)return;de(Xi(n,s.value),t,5,[n])};return s.value=e,s.attached=Yi(),s}function Xi(e,t){if(C(t)){const s=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{s.call(e),e._stopped=!0},t.map(n=>r=>!r._stopped&&n&&n(r))}else return t}const Tn=e=>e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)>96&&e.charCodeAt(2)<123,Zi=(e,t,s,n,r,o,i,c,u)=>{const d=r==="svg";t==="class"?Hi(e,n,d):t==="style"?Bi(e,s,n):Ht(t)?vs(t)||zi(e,t,s,n,i):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):Qi(e,t,n,d))?(Ki(e,t,n,o,i,c,u),!e.tagName.includes("-")&&(t==="value"||t==="checked"||t==="selected")&&vn(e,t,n,d,i,t!=="value")):(t==="true-value"?e._trueValue=n:t==="false-value"&&(e._falseValue=n),vn(e,t,n,d))};function Qi(e,t,s,n){if(n)return!!(t==="innerHTML"||t==="textContent"||t in e&&Tn(t)&&I(s));if(t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA")return!1;if(t==="width"||t==="height"){const r=e.tagName;if(r==="IMG"||r==="VIDEO"||r==="CANVAS"||r==="SOURCE")return!1}return Tn(t)&&W(s)?!1:t in e}const el=G({patchProp:Zi},ji);let An;function tl(){return An||(An=ii(el))}const sl=(...e)=>{const t=tl().createApp(...e),{mount:s}=t;return t.mount=n=>{const r=rl(n);if(!r)return;const o=t._component;!I(o)&&!o.render&&!o.template&&(o.template=r.innerHTML),r.innerHTML="";const i=s(r,!1,nl(r));return r instanceof Element&&(r.removeAttribute("v-cloak"),r.setAttribute("data-v-app","")),i},t};function nl(e){if(e instanceof SVGElement)return"svg";if(typeof MathMLElement=="function"&&e instanceof MathMLElement)return"mathml"}function rl(e){return W(e)?document.querySelector(e):e}const Ir=(e,t)=>{const s=e.__vccOpts||e;for(const[n,r]of t)s[n]=r;return s},ol=e=>(rr("data-v-7baa4dc0"),e=e(),or(),e),il={class:"categories-list"},ll=["onClick"],cl={href:"javascript:"},fl=ol(()=>K("div",{class:"clearfix"},null,-1)),ul={__name:"Categories",props:{categories:{type:Object,required:!0}},emits:["active"],setup(e,{emit:t}){const s=t,n=Xn("all"),r=o=>{n.value=o,s("active",o)};return(o,i)=>(ye(),xe("ul",il,[(ye(!0),xe(ie,null,js(e.categories,(c,u)=>(ye(),xe("li",{key:u,class:Ut({active:n.value===u}),onClick:d=>r(u)},[K("a",cl,[K("span",null,ze(c),1)])],10,ll))),128)),fl]))}},al=Ir(ul,[["__scopeId","data-v-7baa4dc0"]]),Sr=e=>(rr("data-v-e7b55c40"),e=e(),or(),e),dl={ref:"el",class:"row"},hl={class:"col-md-12"},pl={class:"landing-title"},ml={class:"title"},gl={class:"card card-small"},_l={class:"thumbnail"},bl=["src"],yl=["href"],xl={class:"actions"},vl=["href"],wl=Sr(()=>K("i",{class:"fa fa-align-left"},null,-1)),El=[wl],Tl=["href"],Al=Sr(()=>K("i",{class:"fa fa-laptop"},null,-1)),Cl=[Al],Fl={class:"card-info"},Ol=["href"],Il={key:0,class:"time pull-right premium-product"},Sl={key:1,class:"time pull-right free"},Pl={__name:"List",props:{title:{type:String,required:!0},themes:{type:Array,required:!0}},setup(e){return(t,s)=>(ye(),xe("div",dl,[K("div",hl,[K("div",pl,[K("h2",ml,ze(e.title),1)])]),(ye(!0),xe(ie,null,js(e.themes,(n,r)=>(ye(),xe("div",{key:r,class:"col-xs-12 col-sm-6 col-md-4 col-lg-4"},[K("div",gl,[K("div",_l,[K("img",{src:n.img,alt:"No Image"},null,8,bl),K("a",{href:n.url,target:"_blank",class:"thumb-cover"},null,8,yl),K("b",xl,[K("a",{href:n.url,target:"_blank",class:"btn btn-neutral btn-round btn-fill",title:"More Details"},El,8,vl),K("a",{href:n.demo,class:"btn btn-neutral btn-fill btn-round",target:"_blank",title:"Live Preview"},Cl,8,Tl)])]),K("div",Fl,[K("a",{href:n.url,target:"_blank"},[K("h3",null,[Ar(ze(n.name)+" ",1),n.price?(ye(),xe("div",Il,ze(n.price),1)):(ye(),xe("div",Sl," FREE "))]),K("p",null,ze(n.desc),1)],8,Ol)])])]))),128))],512))}},Rl=Ir(Pl,[["__scopeId","data-v-e7b55c40"]]),Ml={__name:"App",setup(e){const t=Xn("all"),s={all:"All Themes",admin:"Admin & Dashboards",css:"CSS Frameworks",vue:"Vuejs",others:"Others"},n={admin:[{name:"Light Bootstrap Dashboard Pro",desc:"Responsive Bootstrap 4 Admin Template.",img:"/assets/images/light-bootstrap.jpg",url:"https://secure.2checkout.com/affiliate.php?ACCOUNT=CREATIV&AFFILIATE=117417&PATH=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Flight-bootstrap-dashboard-pro%3FAFFILIATE%3D117417",demo:"https://secure.2checkout.com/affiliate.php?ACCOUNT=CREATIV&AFFILIATE=117417&PATH=https%3A%2F%2Fdemos.creative-tim.com%2Flight-bootstrap-dashboard-pro%2Fexamples%2Ftables%2Fbootstrap-table.html%3FAFFILIATE%3D117417",price:"$39"},{name:"Paper Dashboard Pro",desc:"Premium Bootstrap Admin Template.",img:"/assets/images/pager-dashboard.jpg",url:"https://secure.2checkout.com/affiliate.php?ACCOUNT=CREATIV&AFFILIATE=117417&PATH=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fpaper-dashboard-pro%3FAFFILIATE%3D117417",demo:"https://secure.2checkout.com/affiliate.php?ACCOUNT=CREATIV&AFFILIATE=117417&PATH=https%3A%2F%2Fdemos.creative-tim.com%2Fpaper-dashboard-pro%2Fexamples%2Ftables%2Fbootstrap-table.html%3FAFFILIATE%3D117417",price:"$39"},{name:"Ubold",desc:"Admin & Dashboard Template.",img:"https://themeforest.img.customer.envatousercontent.com/files/273195428/01_ubold.__large_preview.jpg?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=8000&max-w=590&s=a1318683a895fcf026cecd3e0b74d97b",url:"https://1.envato.market/5EnJ2",demo:"https://1.envato.market/kEWdL",price:"$29"},{name:"Metronic",desc:"Bootstrap 4, Angular 8, React Admin Dashboard Theme.",img:"https://themeforest.img.customer.envatousercontent.com/files/276839308/plyushka.__large_preview.jpg?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=8000&max-w=590&s=b7f0504d8697450845aa1d2f71a8c80b",url:"https://1.envato.market/KmzbN",demo:"https://1.envato.market/7qMPg",price:"$35"},{name:"Pages",desc:"Admin Dashboard Template with Angular 6, Bootstrap 4 & HTML.",img:"https://themeforest.img.customer.envatousercontent.com/files/253934566/preview.__large_preview.png?auto=compress%2Cformat&q=80&fit=crop&crop=top&max-h=8000&max-w=590&s=bcc481514196e409152ae30e8668f0eb",url:"https://1.envato.market/LB26M",demo:"https://1.envato.market/q9yMY",price:"$24"}],css:[{name:"Bootstrap v5",desc:"The most popular HTML, CSS, and JavaScript framework.",img:"/assets/images/bootstrap5.jpg",url:"/docs/getting-started/introduction/",demo:"https://examples.bootstrap-table.com/index.html?bootstrap5",price:""},{name:"Bootstrap v4",desc:"The most popular HTML, CSS, and JavaScript framework.",img:"/assets/images/bootstrap4.jpg",url:"/themes/bootstrap4/",demo:"https://examples.bootstrap-table.com/",price:""},{name:"Bootstrap v3",desc:"The most popular HTML, CSS, and JavaScript framework.",img:"/assets/images/bootstrap3.jpg",url:"/themes/bootstrap3/",demo:"https://examples.bootstrap-table.com/index.html?bootstrap3",price:""},{name:"Bootstrap Table",desc:"Our custom theme of Bootstrap Table.",img:"/assets/images/bootstrap-table.jpg",url:"/themes/bootstrap-table/",demo:"https://examples.bootstrap-table.com/index.html?bootstrap-table",price:""},{name:"Semantic UI",desc:"UI component framework based around useful principles from natural language.",img:"/assets/images/semantic.jpg",url:"/themes/semantic/",demo:"https://examples.bootstrap-table.com/index.html?semantic",price:""},{name:"Bulma",desc:"Modern CSS framework based on Flexbox.",img:"/assets/images/bulma.jpg",url:"/themes/bulma/",demo:"https://examples.bootstrap-table.com/index.html?bulma",price:""},{name:"Materialize",desc:"A modern responsive front-end framework based on Material Design.",img:"/assets/images/materialize.jpg",url:"/themes/materialize/",demo:"https://examples.bootstrap-table.com/index.html?materialize",price:""},{name:"Foundation",desc:"The most advanced responsive front-end framework in the world.",img:"/assets/images/foundation.jpg",url:"/themes/foundation/",demo:"https://examples.bootstrap-table.com/index.html?foundation",price:""}],vue:[{name:"Element Table",desc:"An extended table to integration with bootstrap-table and element-ui.",img:"/assets/images/element-table.jpg",url:"https://element.bootstrap-table.com/",demo:"https://element.bootstrap-table.com/",price:""}],others:[{name:"Fresh Bootstrap Table",desc:"Fresh Bootstrap Table Template.",img:"/assets/images/fresh-table.jpg",url:"https://secure.2checkout.com/affiliate.php?ACCOUNT=CREATIV&AFFILIATE=117417&PATH=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Ffresh-bootstrap-table%3FAFFILIATE%3D117417",demo:"https://wenzhixin.github.io/fresh-bootstrap-table/compact-table.html",price:""}]};return(r,o)=>(ye(),xe("div",null,[Ae(ds(al),{categories:s,onActive:o[0]||(o[0]=i=>t.value=i)}),(ye(),xe(ie,null,js(n,(i,c)=>qo(Ae(ds(Rl),{key:c,title:s[c],themes:i},null,8,["title","themes"]),[[$i,t.value==="all"||t.value===c]])),64))]))}},Pr=sl(Ml);Pr.__VUE_PROD_DEVTOOLS__=!1;Pr.mount("#app"); diff --git a/versions/1.23.5/docs/about/index.html b/versions/1.23.5/docs/about/index.html new file mode 100644 index 0000000000..f75f312529 --- /dev/null +++ b/versions/1.23.5/docs/about/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/docs/about/license/index.html b/versions/1.23.5/docs/about/license/index.html new file mode 100644 index 0000000000..daff570e65 --- /dev/null +++ b/versions/1.23.5/docs/about/license/index.html @@ -0,0 +1,443 @@ + + + + + + + + + + + + +License FAQs · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + +
+
+ + View on GitHub + +

+ License FAQs +

+
+

Commonly asked questions about Bootstrap Table’s open source license.

+
+ +

Bootstrap Table is released under the MIT license and is copyright 2024 Zhixin Wen. Boiled down to smaller chunks, it can be described with the following conditions.

+ +

It requires you to:

+ +
    +
  • Keep the license and copyright notice included in Bootstrap Table’s CSS and JavaScript files when you use them in your works
  • +
+ +

It permits you to:

+ +
    +
  • Freely download and use Bootstrap Table, in whole or in part, for personal, private, company internal, or commercial purposes
  • +
  • Use Bootstrap Table in packages or distributions that you create
  • +
  • Modify the source code
  • +
  • Grant a sublicense to modify and distribute Bootstrap Table to third parties not included in the license
  • +
+ +

It forbids you to:

+ +
    +
  • Hold the authors and license owners liable for damages as Bootstrap Table is provided without warranty
  • +
  • Hold the creators or copyright holders of Bootstrap Table liable
  • +
  • Redistribute any piece of Bootstrap Table without proper attribution
  • +
  • Use any marks owned by Zhixin Wen in any way that might state or imply that Zhixin Wen endorses your distribution
  • +
  • Use any marks owned by Zhixin Wen in any way that might state or imply that you created the Zhixin Wen software in question
  • +
+ +

It does not require you to:

+ +
    +
  • Include the source of Bootstrap Table itself or of any modifications, you may have made to it in any redistribution you may assemble that includes it
  • +
  • Submit changes that you make to Bootstrap Table back to the Bootstrap Table project (though such feedback is encouraged)
  • +
+ +

The full Bootstrap Table license is located in the project repository for more information.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/about/overview/index.html b/versions/1.23.5/docs/about/overview/index.html new file mode 100644 index 0000000000..cc2039414a --- /dev/null +++ b/versions/1.23.5/docs/about/overview/index.html @@ -0,0 +1,415 @@ + + + + + + + + + + + + +About · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + +
+
+ + View on GitHub + +

+ About +

+
+

Learn more about the Bootstrap Table team, how and why the project started, and how to get involved.

+
+ +

Team

+ +

Bootstrap Table is maintained by wenzhixin, djhvscf and UtechtDustin on GitHub. We’re actively looking to grow this team. We would love to hear from you if you’re excited about CSS at scale, writing and maintaining vanilla JavaScript plugins, and improving build tooling processes for frontend code.

+ +

Get involved

+ +

Get involved with Bootstrap development by opening an issue or submitting a pull request. Read our contributing guidelines for information on how we develop.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/about/team/index.html b/versions/1.23.5/docs/about/team/index.html new file mode 100644 index 0000000000..649f78001f --- /dev/null +++ b/versions/1.23.5/docs/about/team/index.html @@ -0,0 +1,436 @@ + + + + + + + + + + + + +Team · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + +
+
+ + View on GitHub + +

+ Team +

+
+

An overview of the founding team and core contributors to Bootstrap Table.

+
+ +

Bootstrap Table is maintained by the founding team and a small group of invaluable core contributors, with our community’s massive support and involvement.

+ + + +

Get involved with Bootstrap Table development by opening an issue or submitting a pull request. Read our contributing guidelines for information on how we develop.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/about/translations/index.html b/versions/1.23.5/docs/about/translations/index.html new file mode 100644 index 0000000000..e18807be11 --- /dev/null +++ b/versions/1.23.5/docs/about/translations/index.html @@ -0,0 +1,417 @@ + + + + + + + + + + + + +Translations · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + +
+
+ + View on GitHub + +

+ Translations +

+
+

Links to community-translated Bootstrap Table documentation sites.

+
+ +

Community members have translated Bootstrap Table’s documentation into various languages. None are officially supported and they may not always be up to date.

+ +
    + +
+ +

We don’t help organize or host translations, we just link to them.

+ +

Finished a new or better translation? Open a pull request to add it to our list.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/api/column-options/index.html b/versions/1.23.5/docs/api/column-options/index.html new file mode 100644 index 0000000000..6930574de2 --- /dev/null +++ b/versions/1.23.5/docs/api/column-options/index.html @@ -0,0 +1,1295 @@ + + + + + + + + + + + + +Column Options · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Column Options +

+
+

The column options API of Bootstrap Table.

+
+ +

The column options is defined in jQuery.fn.bootstrapTable.columnDefaults.

+ +

align

+ +
    +
  • +

    Attribute: data-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the column data. 'left', 'right', 'center' can be used.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Aligning Columns

    +
  • +
+ +

cardVisible

+ +
    +
  • +

    Attribute: data-card-visible

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to hide the columns item in the card view state.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Card Visible

    +
  • +
+ +

cellStyle

+ +
    +
  • +

    Attribute: data-cell-style

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The cell style formatter function, take four parameters:

    + +
      +
    • value: the field value.
    • +
    • row: the row record data.
    • +
    • index: the row index.
    • +
    • field: the row field.
    • +
    + +

    Support classes or css.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Cell Style

    +
  • +
+ +

checkbox

+ +
    +
  • +

    Attribute: data-checkbox

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a checkbox. The checkbox column has a fixed width.

    + +

    If a value is given, the checkbox is automatically checked. +Its also possible to check/uncheck the checkbox by using a formatter (return true to check, return false to uncheck).

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Column Checkbox

    +
  • +
+ +

checkboxEnabled

+ +
    +
  • +

    Attribute: data-checkbox-enabled

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to disable the checkboxes/radio boxes.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Checkbox Enabled and Checkbox Disabled

    +
  • +
+ +

class

+ +
    +
  • +

    Attribute: class | data-class

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The column class name.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Class

    +
  • +
+ +

clickToSelect

+ +
    +
  • +

    Attribute: data-click-to-select

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to select the checkbox or radio box when clicking rows.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Click to Select

    +
  • +
+ +

colspan

+ +
    +
  • +

    Attribute: colspan | data-colspan

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    Indicate how many columns a cell should take up.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Rowspan Colspan

    +
  • +
+ +

detailFormatter

+ +
    +
  • +

    Attribute: data-detail-formatter

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    Format your detail view when detailView and detailViewByClick is set to true. Return a String and it will be appended into the detail view cell, optionally render the element directly using the third parameter, which is a jQuery element of the target cell.

    + +

    Fallback is the detail-formatter of the table.

    +
  • +
  • +

    Default: function(index, row, $element) { return '' }

    +
  • +
  • +

    Example: Detail Formatter

    +
  • +
+ +

escape

+ +
    +
  • +

    Attribute: data-escape

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Escapes a string for insertion into HTML, replacing &, <, >, “, `, and ‘ characters.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Escape

    +
  • +
+ +

events

+ +
    +
  • +

    Attribute: data-events

    +
  • +
  • +

    Type: Object

    +
  • +
  • +

    Detail:

    + +

    The cell events listener, when you use formatter function, take four parameters:

    + +
      +
    • event: the jQuery event.
    • +
    • value: the field value.
    • +
    • row: the row record data.
    • +
    • index: the row index.
    • +
    + +

    Example code:

    +
  • +
+ +
  <th .. data-events="operateEvent">
+  var operateEvents = {
+    'click .like': function (e, value, row, index) {}
+  }
+  
+ +
    +
  • +

    Default: undefined

    +
  • +
  • Example: Column Events +

    falign

    +
  • +
  • +

    Attribute: data-falign

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the table footer. 'left', 'right', 'center' can be used.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • Example: Aligning Footer
  • +
+ +

field

+ +
    +
  • +

    Attribute: data-field

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The column field name. This field must be unique, or some unknown problems may occur.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Field

    +
  • +
+ +

footerFormatter

+ +
    +
  • +

    Attribute: data-footer-formatter

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The context (this) is the column Object.

    + +

    The function, takes two parameters:

    + +
      +
    • data: Array of all the data rows.
    • +
    • value: If footer data is set, the value of the footer column.
    • +
    + +

    The expected return data type is jQuery, String or HTMLElement. Other types will be forced to the String type.

    + +

    If you fetch data from a server and set the footer value from the server response, please use the footerField Option.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Footer Formatter

    +
  • +
+ +

footerStyle

+ +
    +
  • +

    Attribute: data-footer-style

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The footer style formatter function, takes one parameter:

    + +
      +
    • column: the column object.
    • +
    + +

    Support classes or css. Example usage:

    +
  • +
+ +
  function footerStyle(column) {
+    return {
+      css: { 'font-weight': 'normal' },
+      classes: 'my-class'
+    }
+  }
+  
+ + + +

formatter

+ +
    +
  • +

    Attribute: data-formatter

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The context (this) is the column Object.

    + +

    The cell formatter function, take four parameters:

    + +
      +
    • value: the field value.
    • +
    • row: the row record data.
    • +
    • index: the row index.
    • +
    • field: the row field.
    • +
    + +

    The expected return data type is jQuery, String or HTMLElement. Other types will be forced to the String type.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Formatter

    +
  • +
+ +

halign

+ +
    +
  • +

    Attribute: data-halign

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the table header. 'left', 'right', 'center' can be used.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Aligning Columns

    +
  • +
+ +

order

+ +
    +
  • +

    Attribute: data-order

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The default sort order, can only be 'asc' or 'desc'.

    +
  • +
  • +

    Default: 'asc'

    +
  • +
  • +

    Example: Sort Name Order

    +
  • +
+ +

radio

+ +
    +
  • +

    Attribute: data-radio

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a radio. The radio column has a fixed width.

    + +

    If a value is given, the checkbox is automatically checked. +Its also possible to check/uncheck the radio by using a formatter (return true to check, return false to uncheck).

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Column Radio

    +
  • +
+ +

rowspan

+ +
    +
  • +

    Attribute: rowspan | data-rowspan

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    Indicate how many rows a cell should take up.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Rowspan Colspan

    +
  • +
+ +

searchable

+ +
    +
  • +

    Attribute: data-searchable

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to search data for this column.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Column Searchable

    +
  • +
+ +

searchFormatter

+ +
    +
  • +

    Attribute: data-search-formatter

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to search using formatted data.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Search Formatter

    +
  • +
+ +

searchHighlightFormatter

+ +
    +
  • +

    Attribute: data-search-highlight-formatter

    +
  • +
  • +

    Type: Boolean|Function

    +
  • +
  • +

    Detail:

    + +

    Define a function to use a custom highlight formatter for the search highlight option.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Searchable Highlight Formatter

    +
  • +
+ +

showSelectTitle

+ +
    +
  • +

    Attribute: data-show-select-title

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the title of column with ‘radio’ or ‘singleSelect’ ‘checkbox’ option.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Select Title

    +
  • +
+ +

sortable

+ +
    +
  • +

    Attribute: data-sortable

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow the column can be sorted.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Column Sortable

    +
  • +
+ +

sorter

+ +
    +
  • +

    Attribute: data-sorter

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The custom field sort function that is used to do local sorting, take four parameters:

    + +
      +
    • fieldA: the first field value.
    • +
    • fieldB: the second field value.
    • +
    • rowA: the first row.
    • +
    • rowB: the second row.
    • +
    + +

    Expected return values: -1, 0, 1.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Sorter

    +
  • +
+ +

sortName

+ +
    +
  • +

    Attribute: data-sort-name

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Provide a customizable sort-name, not the default sort-name in the header, or the field name of the column. For example, a column might display the value of fieldName of ‘html’ such as <b><span style="color:red">abc</span></b>, but a fieldName to sort is ‘content’ with the value of 'abc'.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Sort Name Order

    +
  • +
+ +

switchable

+ +
    +
  • +

    Attribute: data-switchable

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to disable the switchable of columns item.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Column Switchable

    +
  • +
+ +

switchableLabel

+ +
    +
  • +

    Attribute: data-switchable-label

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The label of the switchable column in the dropdown. If not specified uses the column title.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Switchable

    +
  • +
+ +

title

+ +
    +
  • +

    Attribute: data-title

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The column title text.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Title

    +
  • +
+ +

titleTooltip

+ +
    +
  • +

    Attribute: data-title-tooltip

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The column title tooltip text. This option also supports the title HTML attribute.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Title Tooltip

    +
  • +
+ +

valign

+ +
    +
  • +

    Attribute: data-valign

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the cell data. 'top', 'middle', 'bottom' can be used.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Aligning Columns

    +
  • +
+ +

visible

+ +
    +
  • +

    Attribute: data-visible

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to hide the columns item.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Column Visible

    +
  • +
+ +

width

+ +
    +
  • +

    Attribute: data-width

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    The width of the column. If not defined, the width will auto expand to fit its contents. Though if the table is left responsive and sized too small, this 'width' might be ignored (use min/max-width via class or such then). The default used unit is ‘px’. Use widthUnit to change it!

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Column Width

    +
  • +
+ +

widthUnit

+ +
    +
  • +

    Attribute: data-width-unit

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the unit which is used for the option width.

    +
  • +
  • +

    Default: px

    +
  • +
  • +

    Example: Width Unit

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/api/events/index.html b/versions/1.23.5/docs/api/events/index.html new file mode 100644 index 0000000000..51765e6034 --- /dev/null +++ b/versions/1.23.5/docs/api/events/index.html @@ -0,0 +1,1099 @@ + + + + + + + + + + + + +Events · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Events +

+
+

The Events API of Bootstrap Table.

+
+ +

Events can be bound in two ways:

+
    +
  • via the option object
  • +
  • via jquery event handler
  • +
+ +

Binding via the options object:

+ +
// Here, you can expect to have as the last parameter the bootstrap-table object
+
+$('#table').bootstrapTable({
+  onEventName: function (arg1, arg2, ...) {
+    // ...
+  }
+})
+ +

Binding via the jquery event handler:

+ +
// Here, you can expect to have in the 'e' variable the sender property, which is the bootstrap-table object
+
+$('#table').on('event-name.bs.table', function (e, arg1, arg2, ...) {
+  // ...
+})
+ +

Hint: if you use the jquery event handler, make sure to bind the event listener before the event is executed!

+ +

onAll

+ +
    +
  • +

    jQuery Event: all.bs.table

    +
  • +
  • +

    Parameter: name, args

    +
  • +
  • +

    Detail:

    + +

    It fires when any event triggers. The parameters contain:

    + +
      +
    • name: the event name,
    • +
    • args: the event data.
    • +
    +
  • +
+ +

onCheck

+ +
    +
  • +

    jQuery Event: check.bs.table

    +
  • +
  • +

    Parameter: row, $element

    +
  • +
  • +

    Detail:

    + +

    It fires when the user checks a row. The parameters contain:

    + +
      +
    • row: the record corresponding to the clicked row.
    • +
    • $element: the DOM element checked.
    • +
    +
  • +
+ +

onCheckAll

+ +
    +
  • +

    jQuery Event: check-all.bs.table

    +
  • +
  • +

    Parameter: rowsAfter, rowsBefore

    +
  • +
  • +

    Detail:

    + +

    It fires when the user checks all rows. The parameters contain:

    + +
      +
    • rowsAfter: array of records of the now checked rows.
    • +
    • rowsBefore: array of records of the checked rows before.
    • +
    +
  • +
+ +

onCheckSome

+ +
    +
  • +

    jQuery Event: check-some.bs.table

    +
  • +
  • +

    Parameter: rows

    +
  • +
  • +

    Detail:

    + +

    It fires when the user checks some rows. The parameters contain:

    + +
      +
    • rows: array of records corresponding to newly checked rows.
    • +
    +
  • +
+ +

onClickCell

+ +
    +
  • +

    jQuery Event: click-cell.bs.table

    +
  • +
  • +

    Parameter: field, value, row, $element

    +
  • +
  • +

    Detail:

    + +

    It fires when the user clicks a cell. The parameters contain:

    + +
      +
    • field: the field name corresponding to the clicked cell.
    • +
    • value: the data value corresponding to the clicked cell.
    • +
    • row: the record corresponding to the clicked row.
    • +
    • $element: the td element.
    • +
    +
  • +
+ +

onClickRow

+ +
    +
  • +

    jQuery Event: click-row.bs.table

    +
  • +
  • +

    Parameter: row, $element, field

    +
  • +
  • +

    Detail:

    + +

    It fires when the user clicks a row. The parameters contain:

    + +
      +
    • row: the record corresponding to the clicked row.
    • +
    • $element: the tr element.
    • +
    • field: the field name corresponding to the clicked cell.
    • +
    +
  • +
+ +

onCollapseRow

+ +
    +
  • +

    jQuery Event: collapse-row.bs.table

    +
  • +
  • +

    Parameter: index, row, detailView

    +
  • +
  • +

    Detail:

    + +

    It fires when you click the detail icon to collapse the detail view. The parameters contain:

    + +
      +
    • index: the index of the collapsed row.
    • +
    • row: the record corresponding to the collapsed row.
    • +
    • detailView: the collapsed detailView.
    • +
    +
  • +
+ +

onColumnSwitch

+ +
    +
  • +

    jQuery Event: column-switch.bs.table

    +
  • +
  • +

    Parameter: field, checked

    +
  • +
  • +

    Detail:

    + +

    It fires when switch the column visible (showColumns). The parameters contain:

    + +
      +
    • field: the field name corresponding to the switch column.
    • +
    • checked: the checked state of the column.
    • +
    +
  • +
+ +

onColumnSwitchAll

+ +
    +
  • +

    jQuery Event: column-switch-all.bs.table

    +
  • +
  • +

    Parameter: checked

    +
  • +
  • +

    Detail:

    + +

    It fires when toggle all columns. The parameters contain:

    + +
      +
    • checked: the checked state of the column.
    • +
    +
  • +
+ +

onDblClickCell

+ +
    +
  • +

    jQuery Event: dbl-click-cell.bs.table

    +
  • +
  • +

    Parameter: field, value, row, $element

    +
  • +
  • +

    Detail:

    + +

    It fires when the user double click a cell. The parameters contain:

    + +
      +
    • field: the field name corresponding to the clicked cell.
    • +
    • value: the data value corresponding to the clicked cell.
    • +
    • row: the record corresponding to the clicked row.
    • +
    • $element: the td element.
    • +
    +
  • +
+ +

onDblClickRow

+ +
    +
  • +

    jQuery Event: dbl-click-row.bs.table

    +
  • +
  • +

    Parameter: row, $element, field

    +
  • +
  • +

    Detail:

    + +

    It fires when the user doubles click a row. The parameters contain:

    + +
      +
    • row: the record corresponding to the clicked row.
    • +
    • $element: the tr element.
    • +
    • field: the field name corresponding to the clicked cell.
    • +
    +
  • +
+ +

onExpandRow

+ +
    +
  • +

    jQuery Event: expand-row.bs.table

    +
  • +
  • +

    Parameter: index, row, $detail

    +
  • +
  • +

    Detail:

    + +

    It fires when you click the detail icon to expand the detail view. The parameters contain:

    + +
      +
    • index: the index of the expanded row.
    • +
    • row: the record corresponding to the expanded row.
    • +
    • $detail: the DOM element of the detail div after the current tr element, you can use jQuery methods to custom the detail views.
    • +
    +
  • +
+ +

onLoadError

+ +
    +
  • +

    jQuery Event: load-error.bs.table

    +
  • +
  • +

    Parameter: status, jqXHR

    +
  • +
  • +

    Detail:

    + +

    It fires when some errors occur to load remote data. The parameters contain:

    + +
      +
    • status: the status code of jqXHR.
    • +
    • jqXHR: jqXHR object, which is a super set of the XMLHTTPRequest object. For more information, see the jqXHR Type.
    • +
    +
  • +
+ +

onLoadSuccess

+ +
    +
  • +

    jQuery Event: load-success.bs.table

    +
  • +
  • +

    Parameter: data

    +
  • +
  • +

    Detail:

    + +

    It fires when remote data is loaded successfully. The parameters contain:

    + +
      +
    • data: the remote data loaded into the table. (Note: this data cannot be modified once it’s loaded into the table. If you need to process received data before using it in the table, write your custom responseHandler instead.)
    • +
    • status: the status code of jqXHR.
    • +
    • jqXHR: jqXHR object, which is a super set of the XMLHTTPRequest object. For more information, see the jqXHR Type.
    • +
    +
  • +
+ +

onPageChange

+ +
    +
  • +

    jQuery Event: page-change.bs.table

    +
  • +
  • +

    Parameter: number, size

    +
  • +
  • +

    Detail:

    + +

    It fires when changing the page number or page size. The parameters contain:

    + +
      +
    • number: the page number.
    • +
    • size: the page size.
    • +
    +
  • +
+ +

onPostBody

+ +
    +
  • +

    jQuery Event: post-body.bs.table

    +
  • +
  • +

    Parameter: data

    +
  • +
  • +

    Detail:

    + +

    It fires after the table body are rendered and available in the DOM. The parameters contain:

    + +
      +
    • data: the rendered data.
    • +
    +
  • +
+ +

onPostFooter

+ +
    +
  • +

    jQuery Event: post-footer.bs.table

    +
  • +
  • +

    Parameter: $tableFooter

    +
  • +
  • +

    Detail:

    + +

    It fires after the footer are rendered and available in the DOM. The parameters contain:

    + +
      +
    • $tableFooter: the DOM element of the footer.
    • +
    +
  • +
+ +

onPostHeader

+ +
    +
  • +

    jQuery Event: post-header.bs.table

    +
  • +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    It fires after the table header is rendered and available in the DOM.

    +
  • +
+ +

onPreBody

+ +
    +
  • +

    jQuery Event: pre-body.bs.table

    +
  • +
  • +

    Parameter: data

    +
  • +
  • +

    Detail:

    + +

    It fires before the table body are rendered. The parameters contain:

    + +
      +
    • data: the rendered data.
    • +
    +
  • +
+ +

onRefresh

+ +
    +
  • +

    jQuery Event: refresh.bs.table

    +
  • +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    It fires after the click of the refresh button. The parameters contain:

    + +
      +
    • params: the additional parameters request to the server.
    • +
    +
  • +
+ +

onRefreshOptions

+ +
    +
  • +

    jQuery Event: refresh-options.bs.table

    +
  • +
  • +

    Parameter: options

    +
  • +
  • +

    Detail:

    + +

    It fires after refreshing the options, and before destroying and init the table. The parameters contain:

    + +
      +
    • options: the table options object.
    • +
    +
  • +
+ +

onResetView

+ +
    +
  • +

    jQuery Event: reset-view.bs.table

    +
  • +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    It fires when resetting the view of the table.

    +
  • +
+ +

onScrollBody

+ +
    +
  • +

    jQuery Event: scroll-body.bs.table

    +
  • +
  • +

    Parameter: $tableBody

    +
  • +
  • +

    Detail:

    + +

    It fires when the table body scroll.

    +

    onSearch

    +
  • +
  • +

    jQuery Event: search.bs.table

    +
  • +
  • +

    Parameter: text

    +
  • +
  • +

    Detail:

    + +

    It fires when searching the table. The parameters contain:

    + +
      +
    • text: the text of the search input.
    • +
    +
  • +
+ +

onSort

+ +
    +
  • +

    jQuery Event: sort.bs.table

    +
  • +
  • +

    Parameter: name, order

    +
  • +
  • +

    Detail:

    + +

    It fires when the user sort a column. The parameters contain:

    + +
      +
    • name: the sort column field name.
    • +
    • order: the sort column order.
    • +
    +
  • +
+ +

onToggle

+ +
    +
  • +

    jQuery Event: toggle.bs.table

    +
  • +
  • +

    Parameter: cardView

    +
  • +
  • +

    Detail:

    + +

    It fires when toggling the view of the table. The parameters contain:

    + +
      +
    • cardView: the cardView state of the table.
    • +
    +
  • +
+ +

onTogglePagination

+ +
    +
  • +

    jQuery Event: toggle-pagination.bs.table

    +
  • +
  • +

    Parameter: state

    +
  • +
  • +

    Detail:

    + +

    It fires when the pagination is toggled:

    + +
      +
    • state: the new pagination state (true-> Pagination is enabled, false -> Pagination is disabled )
    • +
    +
  • +
+ +

onUncheck

+ +
    +
  • +

    jQuery Event: uncheck.bs.table

    +
  • +
  • +

    Parameter: row, $element

    +
  • +
  • +

    Detail:

    + +

    It fires when the user unchecks a row. The parameters contain:

    + +
      +
    • row: the record corresponding to the clicked row.
    • +
    • $element: the DOM element unchecked.
    • +
    +
  • +
+ +

onUncheckAll

+ +
    +
  • +

    jQuery Event: uncheck-all.bs.table

    +
  • +
  • +

    Parameter: rowsAfter, rowsBefore

    +
  • +
  • +

    Detail:

    + +

    It fires when the user unchecks all rows. The parameters contain:

    + +
      +
    • rowsAfter: array of records of the now checked rows.
    • +
    • rowsBefore: array of records of the checked rows before.
    • +
    +
  • +
+ +

onUncheckSome

+ +
    +
  • +

    jQuery Event: uncheck-some.bs.table

    +
  • +
  • +

    Parameter: rows

    +
  • +
  • +

    Detail:

    + +

    It fires when the user unchecks some rows. The parameters contain:

    + +
      +
    • rows: array of records corresponding to previously checked rows.
    • +
    +
  • +
+ +

onVirtualScroll

+ +
    +
  • +

    jQuery Event: virtual-scroll.bs.table

    +
  • +
  • +

    Parameter: startIndex, endIndex

    +
  • +
  • +

    Detail:

    + +

    It fires when the user scrolls the virtual scroll. The parameters contain:

    + +
      +
    • startIndex: the start row index of the virtual scroll.
    • +
    • endIndex: the end row index of the virtual scroll.
    • +
    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/api/index.html b/versions/1.23.5/docs/api/index.html new file mode 100644 index 0000000000..548e5ede6a --- /dev/null +++ b/versions/1.23.5/docs/api/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/docs/api/localizations/index.html b/versions/1.23.5/docs/api/localizations/index.html new file mode 100644 index 0000000000..b9be757d5b --- /dev/null +++ b/versions/1.23.5/docs/api/localizations/index.html @@ -0,0 +1,685 @@ + + + + + + + + + + + + +Localizations · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Localizations +

+
+

The Localizations API of Bootstrap Table.

+
+ +

We can import all locale files what you need:

+ +
```html
+<script src="bootstrap-table-en-US.js"></script>
+<script src="bootstrap-table-zh-CN.js"></script>
+...
+ +

And then use JavaScript to switch locale:

+ +
$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['en-US'])
+// $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-CN'])
+// ...
+ +

Or use data attributes to set locale for table:

+ +
<table data-toggle="table" data-locale="en-US">
+</table>
+ +

Or use JavaScript to set locale for table:

+ +
$('#table').bootstrapTable({
+  locale: 'en-US'
+})
+ +

You can use short code for the locale:

+ +
$('#table').bootstrapTable({
+  locale: 'en'
+})
+ +

List of all existing translations with their short codes is on Github

+ +

You can custom the format localizations, the calling syntax:

+ +
$('#table').bootstrapTable({
+  formatName: function () {
+    return 'Format message'
+  }
+})
+ +

formatAllRows

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • Default: 'All' +

    formatClearSearch

    +
  • +
  • +

    Parameter: undefined

    +
  • +
  • Default: 'Clear Search'
  • +
+ +

formatColumns

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Columns'

    +
  • +
+ +

formatColumnsToggleAll

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Toggle all'

    +
  • +
+ +

formatDetailPagination

+ +
    +
  • +

    Parameter: totalRows

    +
  • +
  • +

    Default: 'Showing %s rows'

    +
  • +
+ +

formatFullscreen

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Fullscreen'

    +
  • +
+ +

formatLoadingMessage

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Loading, please wait…'

    +
  • +
+ +

formatNoMatches

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'No matching records found'

    +
  • +
+ +

formatPaginationSwitch

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Hide/Show pagination'

    +
  • +
+ +

formatPaginationSwitchDown

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Show pagination'

    +
  • +
+ +

formatPaginationSwitchUp

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Hide pagination'

    +
  • +
+ +

formatRecordsPerPage

+ +
    +
  • +

    Parameter: pageNumber

    +
  • +
  • +

    Default: '%s records per page'

    +
  • +
+ +

formatRefresh

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Refresh'

    +
  • +
+ +

formatSearch

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Search'

    +
  • +
+ +

formatShowingRows

+ +
    +
  • +

    Parameter: pageFrom, pageTo, totalRows

    +
  • +
  • +

    Default: 'Showing %s to %s of %s rows'

    +
  • +
+ +

formatSRPaginationNextText

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'next page'

    +
  • +
+ +

formatSRPaginationPageText

+ +
    +
  • +

    Parameter: page

    +
  • +
  • +

    Default: 'to page %s

    +
  • +
+ +

formatSRPaginationPreText

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'previous page'

    +
  • +
+ +

formatToggleOff

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Hide card view'

    +
  • +
+ +

formatToggleOn

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: 'Show card view'

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/api/methods/index.html b/versions/1.23.5/docs/api/methods/index.html new file mode 100644 index 0000000000..bc5d144318 --- /dev/null +++ b/versions/1.23.5/docs/api/methods/index.html @@ -0,0 +1,1578 @@ + + + + + + + + + + + + +Methods · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Methods +

+
+

The Methods API of Bootstrap Table.

+
+ +

The calling method syntax: $('#table').bootstrapTable('method', parameter).

+ +

append

+ +
    +
  • +

    Parameter: data

    +
  • +
  • +

    Detail:

    + +

    Append the data to the table.

    +
  • +
  • +

    Example: Append

    +
  • +
+ +

check

+ +
    +
  • +

    Parameter: index

    +
  • +
  • +

    Detail:

    + +

    Check a row. The row index starts with 0.

    +
  • +
  • +

    Example: Check/Uncheck

    +
  • +
+ +

checkAll

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Check all current page rows.

    +
  • +
  • +

    Example: Check/Uncheck All

    +
  • +
+ +

checkBy

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Check a row by an array of values, the params contain:

    + +
      +
    • field: name of the field used to find records.
    • +
    • values: array of values for rows to check.
    • +
    • onlyCurrentPage (default false): If true, only the visible dataset will be checked. If pagination is used, the other pages will be ignored.
    • +
    +
  • +
  • +

    Example: Check/Uncheck By

    +
  • +
+ +

checkInvert

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Invert check of current page rows. Triggers onCheckSome and onUncheckSome events.

    +
  • +
  • +

    Example: Check Invert

    +
  • +
+ +

collapseAllRows

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Collapse all rows if the detail view option is set to true.

    +
  • +
  • +

    Example: Expand/Collapse All Rows

    +
  • +
+ +

collapseRow

+ +
    +
  • +

    Parameter: index

    +
  • +
  • +

    Detail:

    + +

    Collapse the row with the index passed by parameter if the detail view option is set to true.

    +
  • +
  • +

    Example: Expand/Collapse Row

    +
  • +
+ +

collapseRowByUniqueId

+ +
    +
  • +

    Parameter: uniqueId

    +
  • +
  • +

    Detail:

    + +

    Collapse the row with the uniqueId passed by parameter if the detail view option is set to true.

    +
  • +
  • +

    Example: Expand/Collapse Row by uniqueId

    +
  • +
+ +

destroy

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Destroy the Bootstrap Table.

    +
  • +
  • +

    Example: Destroy

    +
  • +
+ +

expandAllRows

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Expand all rows if the detail view option is set to true.

    +
  • +
  • +

    Example: Expand/Collapse All Rows

    +
  • +
+ +

expandRow

+ +
    +
  • +

    Parameter: index

    +
  • +
  • +

    Detail:

    + +

    Expand the row that has the index passed by parameter if the detail view option is set to true.

    +
  • +
  • +

    Example: Expand/Collapse Row

    +
  • +
+ +

expandRowByUniqueId

+ +
    +
  • +

    Parameter: uniqueId

    +
  • +
  • +

    Detail:

    + +

    Expand the row with the uniqueId passed by parameter if the detail view option is set to true.

    +
  • +
  • +

    Example: Expand/Collapse Row by uniqueId

    +
  • +
+ +

filterBy

+ +
    +
  • Parameter: +
      +
    • filter - An Object of filter + Default: {}
    • +
    • options - An Object of options + Default: +
        {
      +      'filterAlgorithm': 'and'
      +  }
      +
      +
    • +
    +
  • +
  • +

    Detail:

    + +

    (Can used only in client-side) Filter data in the table. +There are multiple ways to filter:

    +
      +
    • Leave the options blank to use the and filter.
    • +
    • Set the filterAlgorithm (see at parameter) to or to use the or filter.
    • +
    • Pass a function to the filterAlgorithm (see at parameter) to use a custom filter.
    • +
    + +

    Filter Algorithm

    + +
      +
    • And +
        +
      • Filter {age: 10} to show the data only age is equal to 10. You can also filter with an array of values, as in: {age: 10, hairColor: ['blue', 'red', 'green']} to find data where age is equal to 10 and hairColor is either blue, red, or green.
      • +
      +
    • +
    • Or +
        +
      • Filter {age: 10, name: "santa"} to show all Data which has a age of 10 or the name is equals to santa.
      • +
      +
    • +
    • Custom +
        +
      • Filter by your Custom algorithm
      • +
      • Function parameters: +
          +
        • Row
        • +
        • Filters
        • +
        +
      • +
      • Return true to keep the row and return false to filter the row.
      • +
      +
    • +
    +
  • +
  • Example: Filter By
  • +
+ +

getData

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Get the loaded data of the table at the moment that this method is called

    + +
      +
    • useCurrentPage: if set to true, the method will return the data only on the current page.
    • +
    • includeHiddenRows: if set to true, the method will include the hidden rows.
    • +
    • unfiltered: if set to true, the method will include all data (unfiltered).
    • +
    • formatted: get the formatted value from the defined formatter.
    • +
    +
  • +
  • +

    Example: Get Data

    +
  • +
+ +

getFooterData

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Get the loaded data of the footer at the moment that this method is called

    +
  • +
  • +

    Example: Get Footer Data

    +
  • +
+ +

getHiddenColumns

+ + + +

getHiddenRows

+ +
    +
  • +

    Parameter: show

    +
  • +
  • +

    Detail:

    + +

    Get all rows hidden, and if you pass the show parameter true, the rows will be shown again. Otherwise, the method only will return the rows hidden.

    +
  • +
  • +

    Example: Get Hidden Rows

    +
  • +
+ +

getOptions

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Return the options object.

    +
  • +
  • +

    Example: Get Options

    +
  • +
+ +

getRowByUniqueId

+ +
    +
  • +

    Parameter: id

    +
  • +
  • +

    Detail:

    + +

    Get data from the table, the row that contains the id passed by parameter.

    +
  • +
  • +

    Example: Get Row By Unique Id

    +
  • +
+ +

getScrollPosition

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Get the current scroll position. The unit is 'px'.

    +
  • +
  • +

    Example: Get Scroll Position

    +
  • +
+ +

getSelections

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Return selected rows. When no record is selected, an empty array will return. +The selected rows will be unselected while some actions, e.g., searching or page change. If you want to maintain the selections, please use maintainMetaData.

    +
  • +
  • +

    Example: Get Selections

    +
  • +
+ +

getVisibleColumns

+ + + +

hideAllColumns

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Hide All the columns.

    +
  • +
  • +

    Example: Show/Hide All Columns

    +
  • +
+ +

hideColumn

+ +
    +
  • +

    Parameter: field

    +
  • +
  • +

    Detail:

    + +

    Hide the specified field column. +The parameter can be a string or an array of fields.

    +
  • +
  • +

    Example: Show/Hide Column

    +
  • +
+ +

hideLoading

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Hide loading status.

    +
  • +
  • +

    Example: Show/Hide Loading

    +
  • +
+ +

hideRow

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Hide the specified row. The params must contain at least one of the following properties:

    + +
      +
    • index: the row index.
    • +
    • uniqueId: the value of the uniqueId for that row.
    • +
    +
  • +
  • +

    Example: Show/Hide Row

    +
  • +
+ +

insertRow

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Insert a new row. The params contain the following properties:

    + +
      +
    • index: the row index to insert into.
    • +
    • row: the row data.
    • +
    +
  • +
  • +

    Example: Insert Row

    +
  • +
+ +

load

+ +
    +
  • +

    Parameter: data

    +
  • +
  • +

    Detail:

    + +

    Load the data to the table. The old rows will be removed.

    +
  • +
  • +

    Example: Load

    +
  • +
+ +

mergeCells

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Merge some cells into one cell. The params contain the following properties:

    + +
      +
    • index: the row index.
    • +
    • field: the field name.
    • +
    • rowspan: the rowspan count to be merged.
    • +
    • colspan: the colspan count to be merged.
    • +
    +
  • +
  • +

    Example: Merge Cells

    +
  • +
+ +

nextPage

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Go to the next page.

    +
  • +
  • +

    Example: Select/Prev/Next Page

    +
  • +
+ +

prepend

+ +
    +
  • +

    Parameter: data

    +
  • +
  • +

    Detail:

    + +

    Prepend the data to the table.

    +
  • +
  • +

    Example: Prepend

    +
  • +
+ +

prevPage

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Go to the previous page.

    +
  • +
  • +

    Example: Select/Prev/Next Page

    +
  • +
+ +

refresh

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Refresh/reload the remote server data, you can set {silent: true} to refresh the data silently, and set {url: newUrl, pageNumber: pageNumber, pageSize: pageSize} to change the url (optional), page number (optional) and page size (optional). To supply query params specific to this request, set {query: {foo: 'bar'}}.

    +
  • +
  • +

    Example: Refresh

    +
  • +
+ +

refreshOptions

+ +
    +
  • +

    Parameter: options

    +
  • +
  • +

    Detail:

    + +

    Refresh the table options.

    +
  • +
  • +

    Example: Refresh Options

    +
  • +
+ +

remove

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Remove data from the table. The params contain two properties:

    + +
      +
    • field: the field name of remove rows. If $index is not in your fields, you can use this special field $index to remove rows by row index.
    • +
    • values: the array of values for rows that should be removed. If you use the special field $index, you can pass an array of indexes.
    • +
    +
  • +
  • +

    Example: Remove

    +
  • +
+ +

removeAll

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Remove all data from the table.

    +
  • +
  • +

    Example: Remove All

    +
  • +
+ +

removeByUniqueId

+ +
    +
  • +

    Parameter: id

    +
  • +
  • +

    Detail:

    + +

    Remove data from the table, the row that contains the id passed by parameter.

    +
  • +
  • +

    Example: Remove By Unique Id

    +
  • +
+ +

resetSearch

+ +
    +
  • +

    Parameter: text

    +
  • +
  • +

    Detail:

    + +

    Set the search text.

    +
  • +
  • +

    Example: Reset Search

    +
  • +
+ +

resetView

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Reset the Bootstrap Table view. For example, reset the table height, the params contain:

    + +
      +
    • height: the height of the table.
    • +
    +
  • +
  • +

    Example: Reset View

    +
  • +
+ +

scrollTo

+ +
    +
  • +

    Parameter: value|object

    +
  • +
  • +

    Detail:

    + +
      +
    • value +
        +
      • Scroll to the number value position, the unit is 'px', set 'bottom' means scroll to the bottom.
      • +
      +
    • +
    • object +
        +
      • Scroll to the unit (px or rows (index starts by 0)) +Default: {unit: 'px', value: 0}
      • +
      +
    • +
    +
  • +
  • +

    Example: Scroll To

    +
  • +
+ +

selectPage

+ +
    +
  • +

    Parameter: page

    +
  • +
  • +

    Detail:

    + +

    Go to the specified page.

    +
  • +
  • +

    Example: Select/Prev/Next Page

    +
  • +
+ +

showAllColumns

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Show All the columns.

    +
  • +
  • +

    Example: Show/Hide All Columns

    +
  • +
+ +

showColumn

+ +
    +
  • +

    Parameter: field

    +
  • +
  • +

    Detail:

    + +

    Show the specified field column. +The parameter can be a string or an array of fields.

    +
  • +
  • +

    Example: Show/Hide Column

    +
  • +
+ +

showLoading

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Show loading status.

    +
  • +
  • +

    Example: Show/Hide Loading

    +
  • +
+ +

showRow

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Show the specified row. The params must contain at least one of the following properties:

    + +
      +
    • index: the row index.
    • +
    • uniqueId: the value of the uniqueId for that row.
    • +
    +
  • +
  • +

    Example: Show/Hide Row

    +
  • +
+ +

sortBy

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Sorts the table by the specified field. The params must contain at least one of the following properties:

    + +
      +
    • field: the field name.
    • +
    • sortOrder: the sort order, can only be ‘asc’ or ‘desc’.
    • +
    +
  • +
  • +

    Example: Sort By

    +
  • +
+ +

sortReset

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Resets sort state of the table regardless of whether caused by the user or programmatically.

    +
  • +
  • +

    Example: Sort reset

    +
  • +
+ +

toggleDetailView

+ +
    +
  • +

    Parameter: index

    +
  • +
  • +

    Detail:

    + +

    Toggle the row that has the index passed by parameter if the detail view option is set to true.

    +
  • +
  • +

    Example: Toggle Detail View

    +
  • +
+ +

toggleFullscreen

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Toggle fullscreen.

    +
  • +
  • +

    Example: Toggle Fullscreen

    +
  • +
+ +

togglePagination

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Toggle the pagination option.

    +
  • +
  • +

    Example: Toggle Pagination

    +
  • +
+ +

toggleView

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Toggle the card/table view.

    +
  • +
  • +

    Example: Toggle View

    +
  • +
+ +

uncheck

+ +
    +
  • +

    Parameter: index

    +
  • +
  • +

    Detail:

    + +

    Uncheck a row. The row index starts with 0.

    +
  • +
  • +

    Example: Check/Uncheck

    +
  • +
+ +

uncheckAll

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Uncheck all current page rows.

    +
  • +
  • +

    Example: Check/Uncheck All

    +
  • +
+ +

uncheckBy

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Uncheck a row by an array of values. The params contain:

    + +
      +
    • field: name of the field used to find records.
    • +
    • values: array of values for rows to uncheck.
    • +
    • onlyCurrentPage (default false): If true, only the visible dataset will be unchecked. If pagination is used, the other pages will be ignored.
    • +
    +
  • +
  • +

    Example: Check/Uncheck By

    +
  • +
+ +

updateByUniqueId

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Update the specified row(s). Each param contains the following properties:

    + +
      +
    • id: a row id where the id should be the uniqueId field assigned to the table.
    • +
    • row: the new row data.
    • +
    • replace (optional): set to true to replace the row instead of extending.
    • +
    +
  • +
  • +

    Example: Update By Unique Id

    +
  • +
+ +

updateCell

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Update one cell. The params contain the following properties:

    + +
      +
    • index: the row index.
    • +
    • field: the field name.
    • +
    • value: the new field value.
    • +
    + +

    To disable table re-initialization, you can set {reinit: false}.

    +
  • +
  • +

    Example: Update Cell

    +
  • +
+ +

updateCellByUniqueId

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Update the specified cell(s). Each param contains the following properties:

    + +
      +
    • id: row id where the id should be the uniqueId field assigned to the table.
    • +
    • field: field name of the cell to be updated.
    • +
    • value: the new value of the cell.
    • +
    + +

    To disable table re-initialization, you can set {reinit: false}.

    +
  • +
  • +

    Example: Update Cell By Unique Id

    +
  • +
+ +

updateColumnTitle

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Update the field title of the column. The params contain the following properties:

    + +
      +
    • field: the field name.
    • +
    • title: the field title.
    • +
    +
  • +
  • +

    Example: Update Column Title

    +
  • +
+ +

updateFormatText

+ +
    +
  • +

    Parameter: formatName, text

    +
  • +
  • +

    Detail:

    + +

    Update the localizations format text.

    +
  • +
  • +

    Example: Update Format Text

    +
  • +
+ +

updateRow

+ +
    +
  • +

    Parameter: params

    +
  • +
  • +

    Detail:

    + +

    Update the specified row(s). Each param contains the following properties:

    + +
      +
    • index: the row index to be updated.
    • +
    • row: the new row data.
    • +
    • replace (optional): set to true to replace the row instead of extending.
    • +
    +
  • +
  • +

    Example: Update Row

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/api/table-options/index.html b/versions/1.23.5/docs/api/table-options/index.html new file mode 100644 index 0000000000..1c8fa7b1d2 --- /dev/null +++ b/versions/1.23.5/docs/api/table-options/index.html @@ -0,0 +1,3553 @@ + + + + + + + + + + + + +Table Options · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + +
+ +
+ + +
+
+ + View on GitHub + +

+ Table Options +

+
+

The table options API of Bootstrap Table.

+
+ +

The table options are defined in jQuery.fn.bootstrapTable.defaults.

+ +

-

+ +
    +
  • +

    Attribute: data-toggle

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Activate bootstrap table without writing JavaScript.

    +
  • +
  • +

    Default: 'table'

    +
  • +
  • +

    Example: From HTML

    +
  • +
+ +

ajax

+ +
    +
  • +

    Attribute: data-ajax

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    A method to replace ajax call. Should implement the same API as jQuery ajax method.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Table AJAX

    +
  • +
+ +

ajaxOptions

+ +
    +
  • +

    Attribute: data-ajax-options

    +
  • +
  • +

    Type: Object

    +
  • +
  • +

    Detail:

    + +

    Additional options for submit ajax request. List of values: jQuery.ajax.

    +
  • +
  • +

    Default: {}

    +
  • +
  • +

    Example: AJAX Options

    +
  • +
+ +

buttons

+ +
    +
  • +

    Attribute: data-buttons

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    This option allows creating/adding custom button(s) to the “buttons bar” (top right of the table). +These buttons can be sorted with the table option buttonsOrder, the used key/name for the event should be used for that!

    + +

    The custom button is highly configurable, the following options exists:

    +
      +
    • text +
        +
      • Description: This options is used for the showButtonText table option.
      • +
      • Type: String
      • +
      +
    • +
    • icon +
        +
      • Description: This option is used for the showButtonIcons table option.
      • +
      • Type: String - Only needs the icon class e.g. fa-users
      • +
      +
    • +
    • render +
        +
      • Description: Set this option to false to hide the button by default, the button is visible again when you add the data attribute data-show-button-name="true".
      • +
      +
    • +
    • attributes +
        +
      • Description: This option allows adding additional html attributes e.g. title
      • +
      • Type: Object
      • +
      • Example: {title: 'Button title'}
      • +
      +
    • +
    • html +
        +
      • Description: If you don’t want to autogenerate the html, you can use this option to insert your custom html. +The event option only works if you custom HTML contains name="button-name". +If this option is used the following options will be ignored: +
          +
        • text
        • +
        • icon
        • +
        • attributes
        • +
        +
      • +
      • Type: Function|String
      • +
      +
    • +
    • event +
        +
      • Description: Should be used if you want to add an event to the button
      • +
      • Type: Function|Object|String
      • +
      +
    • +
    + +

    The event option can be configured in three ways. +One event with click event:

    +
    {
    +  'event': () => { }
    +}
    +
    + +

    One event with a self-defined event type:

    +
      {
    +    'event': {
    +      'mouseenter': () => { }
    +    }
    +  }
    +
    + +

    Multiple events with self-defined event types:

    +
      {
    +    'event': {
    +      'click': () => { },
    +      'mouseenter': () => { },
    +      'mouseleave': () => { }
    +    }
    +  }
    +
    + +

    Hint: Instead of inline functions, you also can use function names.

    + +

    A configured custom button could look like this:

    +
    {
    +  btnRemoveEvenRows: {
    +    'text': 'Remove even Rows',
    +    'icon': 'fa-trash',
    +    'event': () => {
    +      //DO STUFF TO REMOVE EVEN ROWS
    +    },
    +    'attributes': {
    +      'title': 'Remove all rows which has a even id'
    +    }
    +  }
    +}
    +
    +
  • +
  • +

    Default: {}

    +
  • +
  • +

    Example: Buttons

    +
  • +
+ +

buttonsAlign

+ +
    +
  • +

    Attribute: data-buttons-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the toolbar buttons. 'left', 'right' can be used.

    +
  • +
  • +

    Default: 'right'

    +
  • +
  • +

    Example: Buttons Align

    +
  • +
+ +

buttonsAttributeTitle

+ +
    +
  • +

    Attribute: data-buttons-attribute-title

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Customize the title attribute of the toolbar buttons, which is mainly used to customize the toolbar style.

    +
  • +
  • +

    Default: 'title'

    +
  • +
  • +

    Example: Buttons Attribute Title

    +
  • +
+ +

buttonsClass

+ +
    +
  • +

    Attribute: data-buttons-class

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the class (added after 'btn-') of table buttons.

    +
  • +
  • +

    Default: 'secondary'

    +
  • +
  • +

    Example: Buttons Class

    +
  • +
+ +

buttonsOrder

+ +
    +
  • +

    Attribute: data-buttons-order

    +
  • +
  • +

    Type: Array

    +
  • +
  • +

    Detail:

    + +

    Indicate how to custom order the toolbar buttons.

    +
  • +
  • +

    Default: ['paginationSwitch', 'refresh', 'toggle', 'fullscreen', 'columns']

    +
  • +
  • +

    Example: Buttons Order

    +
  • +
+ +

buttonsPrefix

+ +
    +
  • +

    Attribute: data-buttons-prefix

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines prefix of table buttons.

    +
  • +
  • +

    Default: 'btn'

    +
  • +
  • +

    Example: Buttons Prefix

    +
  • +
+ +

buttonsToolbar

+ +
    +
  • +

    Attribute: data-buttons-toolbar

    +
  • +
  • +

    Type: String/Node

    +
  • +
  • +

    Detail:

    + +

    A jQuery selector that indicates the custom buttons toolbar, for example: #buttons-toolbar, .buttons-toolbar, or a DOM node.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Buttons Toolbar

    +
  • +
+ +

cache

+ +
    +
  • +

    Attribute: data-cache

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to disable caching of AJAX requests.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Table Cache

    +
  • +
+ +

cardView

+ +
    +
  • +

    Attribute: data-card-view

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show card view table, for example, mobile view.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Card View

    +
  • +
+ +

checkboxHeader

+ +
    +
  • +

    Attribute: data-checkbox-header

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to hide the check-all checkbox in the header row.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Checkbox Header

    +
  • +
+ +

classes

+ +
    +
  • +

    Attribute: data-classes

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The class name of table. 'table', 'table-bordered', 'table-hover', 'table-striped', 'table-dark', 'table-sm' and 'table-borderless' can be used. By default, the table is bordered.

    +
  • +
  • +

    Default: 'table table-bordered table-hover'

    +
  • +
  • +

    Example: Table Classes

    +
  • +
+ +

clickToSelect

+ +
    +
  • +

    Attribute: data-click-to-select

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to select the checkbox or radio box when clicking rows.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Click To Select

    +
  • +
+ +

columns

+ +
    +
  • +

    Attribute: -

    +
  • +
  • +

    Type: Array

    +
  • +
  • +

    Detail:

    + +

    The table columns config object. See column properties for more details.

    +
  • +
  • +

    Default: []

    +
  • +
  • +

    Example: Table Columns

    +
  • +
+ +

contentType

+ +
    +
  • +

    Attribute: data-content-type

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The contentType of request remote data, for example: application/x-www-form-urlencoded.

    +
  • +
  • +

    Default: 'application/json'

    +
  • +
  • +

    Example: Content Type

    +
  • +
+ +

customSearch

+ +
    +
  • +

    Attribute: data-custom-search

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The custom search function is executed instead of the built-in search function, takes three parameters:

    + +
      +
    • data: the table data.
    • +
    • text: the search text.
    • +
    • filter: the filter object from filterBy method.
    • +
    + +

    Example usage:

    +
  • +
+ +
  function customSearch(data, text) {
+    return data.filter(function (row) {
+      return row.field.indexOf(text) > -1
+    })
+  }
+  
+ + + +

customSort

+ +
    +
  • +

    Attribute: data-custom-sort

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The custom sort function is executed instead of the built-in sort function, takes three parameters:

    + +
      +
    • sortName: the sort name.
    • +
    • sortOrder: the sort order.
    • +
    • data: the rows data.
    • +
    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Custom Order

    +
  • +
+ +

data

+ +
    +
  • +

    Attribute: data-data

    +
  • +
  • +

    Type: Array | Object

    +
  • +
  • +

    Detail:

    + +

    The data to be loaded.

    + +

    If in the data has _<field>_rowspan or _<field>_colspan property, then will merge cells auto, for example:

    +
    $table.bootstrapTable({
    +  data: [
    +    {
    +      id: 1,
    +      name: 'Item 1',
    +      _name_rowspan: 2,
    +      price: '$1'
    +    },
    +    {
    +      id: 2,
    +      price: '$2'
    +    }
    +  ]
    +})
    +
    +

    If using this feature, the data is required to ensure that the format is correct.

    +
  • +
  • +

    Default: []

    +
  • +
  • +

    Example: From Data

    +
  • +
+ +

dataField

+ +
    +
  • +

    Attribute: data-data-field

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Key in incoming JSON containing 'rows' data list.

    +
  • +
  • +

    Default: 'rows'

    +
  • +
  • +

    Example: Total/Data Field

    +
  • +
+ +

dataType

+ +
    +
  • +

    Attribute: data-data-type

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The type of data that you are expecting back from the server.

    +
  • +
  • +

    Default: 'json'

    +
  • +
  • +

    Example: Data Type

    +
  • +
+ +

detailFilter

+ +
    +
  • +

    Attribute: data-detail-filter

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    Enable expansion per row when detailView is set to true. Return true, and the row will be enabled for expansion, return false and expansion for the row will be disabled. Default function returns true to allow expansion for all rows.

    +
  • +
  • +

    Default: function(index, row) { return true }

    +
  • +
  • +

    Example: Detail Filter

    +
  • +
+ +

detailFormatter

+ +
    +
  • +

    Attribute: data-detail-formatter

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    Format your detail view when detailView is set to true. Return a String, and it will be appended into the detail view cell, optionally render the element directly using the third parameter, which is a jQuery element of the target cell.

    +
  • +
  • +

    Default: function(index, row, element) { return '' }

    +
  • +
  • +

    Example: Detail View

    +
  • +
+ +

detailView

+ +
    +
  • +

    Attribute: data-detail-view

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a detailed view table. You can set the uniqueId option to maintain the detail view state when refreshing the table.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Detail View UniqueId

    +
  • +
+ +

detailViewAlign

+ +
    +
  • +

    Attribute: data-detail-view-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the detail view icon. 'left', 'right' can be used.

    +
  • +
  • +

    Default: 'left'

    +
  • +
  • +

    Example: Detail view Align

    +
  • +
+ +

detailViewByClick

+ +
    +
  • +

    Attribute: data-detail-view-by-click

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to toggle the detail view when a cell is clicked.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Detail View Icon

    +
  • +
+ +

detailViewIcon

+ +
    +
  • +

    Attribute: data-detail-view-icon

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the detail view column (plus/minus icon).

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Detail View Icon

    +
  • +
+ +

escape

+ +
    +
  • +

    Attribute: data-escape

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Escapes a string for insertion into HTML, replacing &, <, >, “, , and ' characters. +To disable it for the column titles check the escapeTitle` option.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Table Escape

    +
  • +
+ +

escapeTitle

+ +
    +
  • +

    Attribute: data-escape-title

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Toggles if the escape option should be applied to the column titles.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Table Escape title

    +
  • +
+ +

filterOptions

+ +
    +
  • +

    Attribute: data-filter-options

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Define the default filter options of the algorithm, filterAlgorithm: 'and' means all given filters must match, filterAlgorithm: 'or' means one of the given filters must match.

    +
  • +
  • +

    Default: { filterAlgorithm: 'and' }

    +
  • +
  • +

    Example: Filter Options

    +
  • +
+ +

fixedScroll

+ +
    +
  • +

    Attribute: data-fixed-scroll

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable the fixed scrollbar position of the table when loading data.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Fixed Scroll

    +
  • +
+ +

footerField

+ +
    +
  • +

    Attribute: data-footer-field

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the key of the footer Object (From data array or server response JSON). +The footer Object can be used to set/define footer colspan and/or the value of the footer. +Only triggered when data-pagination is true and data-side-pagination is server.

    +
  • +
+ +
    {
+      "rows": [
+        {
+          "id": 0,
+          "name": "Item 0",
+          "price": "$0",
+          "amount": 3
+        }
+      ],
+      "footer": {
+        "id": "footer id",
+        "_id_colspan": 2,
+        "name": "footer name"
+      }
+    }
+    
+ + + +

footerStyle

+ +
    +
  • +

    Attribute: data-footer-style

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The footer style formatter function, takes one parameter:

    + +
      +
    • column: the column object.
    • +
    + +

    Support classes or css. Example usage:

    +
  • +
+ +
  function footerStyle(column) {
+    return {
+      css: { 'font-weight': 'normal' },
+      classes: 'my-class'
+    }
+  }
+  
+ + + +

headerStyle

+ +
    +
  • +

    Attribute: data-header-style

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The header style formatter function, takes one parameter:

    + +
      +
    • column: the column object.
    • +
    + +

    Support classes or css. Example usage:

    +
  • +
+ +
  function headerStyle(column) {
+    return {
+      css: { 'font-weight': 'normal' },
+      classes: 'my-class'
+    }
+  }
+  
+ + + +

height

+ +
    +
  • +

    Attribute: data-height

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    The height of the table, enables a fixed header of the table.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Table Height

    +
  • +
+ +

icons

+ +
    +
  • +

    Attribute: data-icons

    +
  • +
  • +

    Type: Object

    +
  • +
  • +

    Detail:

    + +

    Defines icons used in the toolbar, pagination, and details view.

    +
  • +
  • +

    Default:

    +
  • +
+ +
  {
+    paginationSwitchDown: 'fa-caret-square-down',
+    paginationSwitchUp: 'fa-caret-square-up',
+    refresh: 'fa-sync',
+    toggleOff: 'fa-toggle-off',
+    toggleOn: 'fa-toggle-on',
+    columns: 'fa-th-list',
+    fullscreen: 'fa-arrows-alt',
+    detailOpen: 'fa-plus',
+    detailClose: 'fa-minus'
+  }
+  
+ + + +

iconSize

+ +
    +
  • +

    Attribute: data-icon-size

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines icon size, undefined, 'lg', 'sm' can be used.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Icon Size

    +
  • +
+ +

iconsPrefix

+ +
    +
  • +

    Attribute: data-icons-prefix

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines icon set name. By default, this option is automatically calculated by the theme.

    + +
    {
    +  bootstrap3: 'glyphicon',
    +  bootstrap4: 'fa',
    +  bootstrap5: 'bi',
    +  'bootstrap-table': 'icon',
    +  bulma: 'fa',
    +  foundation: 'fa',
    +  materialize: 'material-icons',
    +  semantic: 'fa'
    +}
    +
    +
  • +
  • +

    Default: undefined

    +
  • +
  • Example: Icons Prefix +

    idField

    +
  • +
  • +

    Attribute: data-id-field

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate which field will be used as checkbox/radio value, its the counterpart to selectItemName.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • Example: Id Field
  • +
+ +

ignoreClickToSelectOn

+ +
    +
  • +

    Attribute: data-ignore-click-to-select-on

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    Set the ignore elements clickToSelect on. Takes one parameter:

    + +
      +
    • element: the element clicked on.
    • +
    + +

    Return true if the click should be ignored, false if the click should cause the row to be selected. This option is only relevant if clickToSelect is true.

    +
  • +
  • +

    Default: { return ['A', 'BUTTON'].includes(tagName) }

    +
  • +
  • +

    Example: Ignore Click To Select On

    +
  • +
+ +

loadingFontSize

+ +
    +
  • +

    Attribute: data-loading-font-size

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    To define the font size of the loading text, the default value is 'auto', calculated automatically according to the table width, between 12px and 32px.

    +
  • +
  • +

    Default: 'auto'

    +
  • +
  • +

    Example: Loading Font Size

    +
  • +
+ +

loadingTemplate

+ +
    +
  • +

    Attribute: data-loading-template

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    To custom the loading type by yourself. The parameters object contain:

    + +
      +
    • loadingMessage: the formatLoadingMessage locale.
    • +
    +
  • +
  • Default: +
    function (loadingMessage) {
    +  return '<span class="loading-wrap">' +
    +    '<span class="loading-text">' +
    +    loadingMessage +
    +    '</span>' +
    +    '<span class="animation-wrap"><span class="animation-dot"></span></span>' +
    +    '</span>'
    +}
    +
    +
  • +
  • Example: Loading Template
  • +
+ +

locale

+ +
    +
  • +

    Attribute: data-locale

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Sets the locale to use (i.e. 'zh-CN'). Locale files must be pre-loaded. +Allows for fallback locales, if loaded, in the following order:

    + +
      +
    • First tries for the locale as specified,
    • +
    • Then tries the locale with ‘_’ translated to ‘-‘ and the region code upper cased,
    • +
    • Then tries the short locale code (i.e. 'zh' instead of 'zh-CN'),
    • +
    • And finally will use the last locale file loaded (or the default locale if no locales loaded).
    • +
    + +

    If left undefined or an empty string, use the last locale loaded (or 'en-US' if no locale files loaded).

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Table Locale

    +
  • +
+ +

maintainMetaData

+ +
    +
  • +

    Attribute: data-maintain-meta-data

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to maintain the following metadata on the change page and search:

    +
      +
    • selected rows
    • +
    • hidden rows
    • +
    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Maintain Meta Data

    +
  • +
+ +

method

+ +
    +
  • +

    Attribute: data-method

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The method type to request remote data.

    +
  • +
  • +

    Default: 'get'

    +
  • +
  • +

    Example: Table Method

    +
  • +
+ +

minimumCountColumns

+ +
    +
  • +

    Attribute: data-minimum-count-columns

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    The minimum number of columns to hide from the columns dropdown list.

    +
  • +
  • +

    Default: 1

    +
  • +
  • +

    Example: Minimum Count Columns

    +
  • +
+ +

multipleSelectRow

+ +
    +
  • +

    Attribute: data-multiple-select-row

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable the multiple selection row. Can use the ctrl+click to select one row or shift+click to select a range of rows.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Multiple Select Row

    +
  • +
+ +

pageList

+ +
    +
  • +

    Attribute: data-page-list

    +
  • +
  • +

    Type: Array

    +
  • +
  • +

    Detail:

    + +

    When setting the pagination property, initialize the page size by selecting the list. If you include the 'all' or 'unlimited' option, all the records will be shown in your table.

    + +

    Hint: If the table has lesser rows as the option(s), the options will be hidden automatically. To disable that feature, you can set smartDisplay to false

    +
  • +
  • +

    Default: [10, 25, 50, 100]

    +
  • +
  • +

    Example: Page List

    +
  • +
+ +

pageNumber

+ +
    +
  • +

    Attribute: data-page-number

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    When setting the pagination property, initialize the page number.

    +
  • +
  • +

    Default: 1

    +
  • +
  • +

    Example: Page Number

    +
  • +
+ +

pageSize

+ +
    +
  • +

    Attribute: data-page-size

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    When setting the pagination property, initialize the page size.

    +
  • +
  • +

    Default: 10

    +
  • +
  • +

    Example: Page Size

    +
  • +
+ +

pagination

+ +
    +
  • +

    Attribute: data-pagination

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a pagination toolbar on the table bottom.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Table Pagination

    +
  • +
+ +

paginationDetailHAlign

+ +
    +
  • +

    Attribute: data-pagination-detail-h-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the pagination detail. 'left', 'right' can be used.

    +
  • +
  • +

    Default: 'left'

    +
  • +
  • +

    Example: Pagination H Align

    +
  • +
+ +

paginationHAlign

+ +
    +
  • +

    Attribute: data-pagination-h-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the pagination. 'left', 'right' can be used.

    +
  • +
  • +

    Default: 'right'

    +
  • +
  • +

    Example: Pagination H Align

    +
  • +
+ +

paginationLoadMore

+ +
    +
  • +

    Attribute: data-pagination-load-more

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable loading more data through pagination. It is only used in the client-side pagination. In general, to implement the “load more” functionality, it is often necessary to combine it with a responseHandler to process the returned data.

    + +

    It is primarily used in scenarios where the total number of pages is unknown. In such cases, it is not possible to display the exact total count or calculate the total number of pages. Instead, a display format such as “100+” can be utilized to indicate the presence of additional items beyond the displayed count. As the user navigates to the last page, more data is loaded, along with an update to the pagination information. This process continues until all data loading is complete.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Pagination Load More

    +
  • +
+ +

paginationLoop

+ +
    +
  • +

    Attribute: data-pagination-loop

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable pagination continuous loop mode.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Pagination Loop

    +
  • +
+ +

paginationNextText

+ +
    +
  • +

    Attribute: data-pagination-next-text

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate the icon or text to be shown in the pagination detail, the next button.

    +
  • +
  • +

    Default: '›'

    +
  • +
  • +

    Example: Pagination Text

    +
  • +
+ +

paginationPagesBySide

+ +
    +
  • +

    Attribute: data-pagination-pages-by-side

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    The number of pages on each side (right, left) of the current page.

    +
  • +
  • +

    Default: 1

    +
  • +
  • +

    Example: Pagination Index Number

    +
  • +
+ +

paginationParts

+ +
    +
  • +

    Attribute: data-pagination-parts

    +
  • +
  • +

    Type: Array

    +
  • +
  • +

    Detail:

    + +

    These options define which parts of the pagination should be visible.

    +
      +
    • pageInfo Shows which dataset will be displayed on the current page (e.g. Showing 1 to 10 of 54 rows).
    • +
    • pageInfoShort Similar to pageInfo, it only displays how many rows the table has (e.g. Showing 54 rows).
    • +
    • pageSize Shows the dropdown which defines how many rows should be displayed on the page.
    • +
    • pageList Shows the main part of the pagination (The list of the pages).
    • +
    +
  • +
  • +

    Default: ['pageInfo', 'pageSize', 'pageList']

    +
  • +
  • +

    Example: Pagination Parts

    +
  • +
+ +

paginationPreText

+ +
    +
  • +

    Attribute: data-pagination-pre-text

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate the icon or text shown in the pagination detail, the previous button.

    +
  • +
  • +

    Default: '‹'

    +
  • +
  • +

    Example: Pagination Text

    +
  • +
+ +

paginationSuccessivelySize

+ +
    +
  • +

    Attribute: data-pagination-successively-size

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    Maximum successive number of pages in a row.

    +
  • +
  • +

    Default: 5

    +
  • +
  • +

    Example: Pagination Index Number

    +
  • +
+ +

paginationUseIntermediate

+ +
    +
  • +

    Attribute: data-pagination-use-intermediate

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Calculate and show intermediate pages for quick access.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Pagination Index Number

    +
  • +
+ +

paginationVAlign

+ +
    +
  • +

    Attribute: data-pagination-v-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to vertical-align the pagination. 'top', 'bottom', 'both' (put the pagination on top and bottom) can be used.

    +
  • +
  • +

    Default: 'bottom'

    +
  • +
  • +

    Example: Pagination V Align

    +
  • +
+ +

queryParams

+ +
    +
  • +

    Attribute: data-query-params

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    When requesting remote data, you can send additional parameters by modifying queryParams.

    + +

    If queryParamsType = 'limit', the params object contains: limit, offset, search, sort, order.

    + +

    Else, it contains: pageSize, pageNumber, searchText, sortName, sortOrder.

    + +

    Return false to stop request.

    +
  • +
  • +

    Default: function(params) { return params }

    +
  • +
  • +

    Example: Query Params

    +
  • +
+ +

queryParamsType

+ +
    +
  • +

    Attribute: data-query-params-type

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Set 'limit' to send query params with RESTFul type.

    +
  • +
  • +

    Default: 'limit'

    +
  • +
  • +

    Example: Query Params Type

    +
  • +
+ +

regexSearch

+ +
    +
  • +

    Attribute: data-regex-search

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable the regex search. +If this option is enabled, you can search with regex, e.g. [47a]$ for all items which end with a 4, 7 or a. +The regex can be entered with /[47a]$/gim or without [47a]$ flags. The default flags are gim.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Regex Search

    +
  • +
+ +

rememberOrder

+ +
    +
  • +

    Attribute: data-remember-order

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to remember the order for each column.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Remember Order

    +
  • +
+ +

responseHandler

+ +
    +
  • +

    Attribute: data-response-handler

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    Before loading remote data, handle the response data format. The parameters object contains:

    + +
      +
    • res: the response data.
    • +
    • jqXHR: jqXHR object, which is a super set of the XMLHTTPRequest object. For more information, see the jqXHR Type.
    • +
    +
  • +
  • +

    Default: function(res) { return res }

    +
  • +
  • +

    Example: Response Handler

    +
  • +
+ +

rowAttributes

+ +
    +
  • +

    Attribute: data-row-attributes

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The row attribute formatter function, takes two parameters:

    + +
      +
    • row: the row record data.
    • +
    • index: the row index.
    • +
    + +

    Support all custom attributes.

    +
  • +
  • +

    Default: {}

    +
  • +
  • +

    Example: Row Attributes

    +
  • +
+ +

rowStyle

+ +
    +
  • +

    Attribute: data-row-style

    +
  • +
  • +

    Type: Function

    +
  • +
  • +

    Detail:

    + +

    The row style formatter function, takes two parameters:

    + +
      +
    • row: the row record data.
    • +
    • index: the row index.
    • +
    + +

    Support classes or css.

    +
  • +
  • +

    Default: {}

    +
  • +
  • +

    Example: Row Style

    +
  • +
+ + + +
    +
  • +

    Attribute: data-search

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Enable the search input.

    + +

    There are three ways to search:

    +
      +
    • The value contains the search query (Default). +Example: Github contains git.
    • +
    • The value must be identical to the search query. +Example: Github (value) and Github (search query).
    • +
    • Comparisons (<, >, <=, =<, >=, =>). +Example: 4 is larger than 3.
    • +
    + +

    Notes:

    +
      +
    • If you want to use a custom search input, use the searchSelector.
    • +
    • You can also search via regex using the regexSearch option.
    • +
    • If you want to send searchable params to server-side pagination, use the searchable option.
    • +
    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Table Search

    +
  • +
+ +

searchable

+ +
    +
  • +

    Attribute: data-searchable

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to send searchable params to the server while using server-side pagination.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Searchable

    +
  • +
+ +

searchAccentNeutralise

+ +
    +
  • +

    Attribute: data-search-accent-neutralise

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true if you want to use the accent neutralize feature.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Search Accent Neutralise

    +
  • +
+ +

searchAlign

+ +
    +
  • +

    Attribute: data-search-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the search input. 'left', 'right' can be used.

    +
  • +
  • +

    Default: 'right'

    +
  • +
  • +

    Example: Search Align

    +
  • +
+ +

searchHighlight

+ +
    +
  • +

    Attribute: data-search-highlight

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to highlight the searched text (using the <mark> HTML tag). +You can also define a custom highlight formatter, e.g., for values with HTML or to use a custom highlight color.

    +
  • +
  • +

    Default: 'false'

    +
  • +
  • +

    Example: Search Highlight

    +
  • +
+ +

searchOnEnterKey

+ +
    +
  • +

    Attribute: data-search-on-enter-key

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    The search method will be executed until the Enter key is pressed.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Search On Enter Key

    +
  • +
+ +

searchSelector

+ +
    +
  • +

    Attribute: data-search-selector

    +
  • +
  • +

    Type: Boolean|String

    +
  • +
  • +

    Detail:

    + +

    If this option is set (must be a valid dom selector, e.g. #customSearch), the found dom element (an input element) will be used as table search instead of the built-in search input.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Search Selector

    +
  • +
+ +

searchText

+ +
    +
  • +

    Attribute: data-search-text

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    When setting search property, initialize the search text.

    +
  • +
  • +

    Default: ''

    +
  • +
  • +

    Example: Search Text

    +
  • +
+ +

searchTimeOut

+ +
    +
  • +

    Attribute: data-search-time-out

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    Set timeout for search fire.

    +
  • +
  • +

    Default: 500

    +
  • +
  • +

    Example: Search Time Out

    +
  • +
+ +

selectItemName

+ +
    +
  • +

    Attribute: data-select-item-name

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The name of the radio or checkbox input.

    +
  • +
  • +

    Default: 'btSelectItem'

    +
  • +
  • +

    Example: Id Field

    +
  • +
+ +

serverSort

+ +
    +
  • +

    Attribute: data-server-sort

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to sort the data on the client-side, only works when the sidePagination is server.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Server Sort

    +
  • +
+ +

showButtonIcons

+ +
    +
  • +

    Attribute: data-show-button-icons

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    All buttons will show icons on them.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: show button icons

    +
  • +
+ +

showButtonText

+ +
    +
  • +

    Attribute: data-show-button-text

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    All buttons will show text on them.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: show button text

    +
  • +
+ +

showColumns

+ +
    +
  • +

    Attribute: data-show-columns

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the columns drop down list. We can set the switchable column option to false to hide the columns item in the drop down list. The minimum number of selected columns can be controlled with the minimumCountColumns table option.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Basic Columns and Large Columns

    +
  • +
+ +

showColumnsSearch

+ +
    +
  • +

    Attribute: data-show-columns-search

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a search for the column’s filter.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Columns Search

    +
  • +
+ +

showColumnsToggleAll

+ +
    +
  • +

    Attribute: data-show-columns-toggle-all

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a toggle all checkbox within the columns option/dropdown.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Columns Toggle All

    +
  • +
+ +

showExtendedPagination

+ +
    +
  • +

    Attribute: data-show-extended-pagination

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show an extended version of pagination (including the count of all rows without filters). +If you use pagination on the server side, please use totalNotFilteredField to define the count.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Extended Pagination

    +
  • +
+ +

showFooter

+ +
    +
  • +

    Attribute: data-show-footer

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the summary footer row.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Footer

    +
  • +
+ +

showFullscreen

+ +
    +
  • +

    Attribute: data-show-fullscreen

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the fullscreen button.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Fullscreen

    +
  • +
+ +

showHeader

+ +
    +
  • +

    Attribute: data-show-header

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to hide the table header.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Show Header

    +
  • +
+ +

showPaginationSwitch

+ +
    +
  • +

    Attribute: data-show-pagination-switch

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the pagination switch button.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Pagination Switch

    +
  • +
+ +

showRefresh

+ +
    +
  • +

    Attribute: data-show-refresh

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the refresh button.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Refresh

    +
  • +
+ +

showSearchButton

+ +
    +
  • +

    Attribute: data-show-search-button

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a search Button behind the search input. +The Search will only be executed if the button is pressed (e.g., to prevent traffic or loading time).

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Search Button

    +
  • +
+ +

showSearchClearButton

+ +
    +
  • +

    Attribute: data-show-search-clear-button

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show a clear Button behind the search input, which will clear the search input (also all filter from filter-control (if enabled)).

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Search Clear Button

    +
  • +
+ +

showToggle

+ +
    +
  • +

    Attribute: data-show-toggle

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the toggle button to toggle table/card view.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Show Toggle

    +
  • +
+ +

sidePagination

+ +
    +
  • +

    Attribute: data-side-pagination

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the side pagination of the table, can only be 'client' or 'server'. +Using the 'server' side requires setting the 'url' or 'ajax' option.

    + +

    Note that the required server response format is different depending on whether the 'sidePagination' option is set to 'client' or 'server'. See the following examples:

    + + + +

    URL parameters:

    + +

    When sidePagination is set to server, the bootstrap table will make calls to the url with the following URL parameters:

    + +
      +
    • offset with a value between 0 and total - 1, indicating the first record to include.
    • +
    • limit with a value indicating the number of rows per page.
    • +
    + +

    When implementing server-side pagination, you must implement a JSON view in a format like this example. That view must take the URL parameter values indicated above and return records starting at the offset index and returns the number of records indicated by limit. For example, if you want records 11-20, your view must obtain the offset=10 and limit=10 from the URL string and return records like this example.

    +
  • +
  • +

    Default: 'client'

    +
  • +
  • +

    Example: Client Side Pagination and Server Side Pagination

    +
  • +
+ +

silentSort

+ +
    +
  • +

    Attribute: data-silent-sort

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to sort the data with the loading message. This options works when the sidePagination option is set to 'server'.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Silent Sort

    +
  • +
+ +

singleSelect

+ +
    +
  • +

    Attribute: data-single-select

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow a checkbox selecting only one row.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Single Select

    +
  • +
+ +

smartDisplay

+ +
    +
  • +

    Attribute: data-smart-display

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to display pagination or card view smartly.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Smart Display

    +
  • +
+ +

sortable

+ +
    +
  • +

    Attribute: data-sortable

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to disable sortable of all columns.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Table Sortable

    +
  • +
+ +

sortClass

+ +
    +
  • +

    Attribute: data-sort-class

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The class name of the td elements are sorted.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Sort Class

    +
  • +
+ +

sortEmptyLast

+ +
    +
  • +

    Attribute: data-sort-empty-last

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to sort <empty string>, undefined and null as last value.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Sort Empty Last

    +
  • +
+ +

sortName

+ +
    +
  • +

    Attribute: data-sort-name

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines which column will be sorted.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Sort Name Order

    +
  • +
+ +

sortOrder

+ +
    +
  • +

    Attribute: data-sort-order

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the column sort order, can only be undefined, 'asc' or 'desc'.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Sort Name Order

    +
  • +
+ +

sortReset

+ +
    +
  • +

    Attribute: data-sort-reset

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to reset the sort on the third click.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Sort Reset

    +
  • +
+ +

sortResetPage

+ +
    +
  • +

    Attribute: data-sort-reset-page

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to reset the page number when sorting.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Sort Reset Page

    +
  • +
+ +

sortStable

+ +
    +
  • +

    Attribute: data-sort-stable

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to get a stable sorting. We will add '_position' property to the row.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Sort Stable

    +
  • +
+ +

strictSearch

+ +
    +
  • +

    Attribute: data-strict-search

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Enable the strict search. +Disables the comparison checks.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Strict Search

    +
  • +
+ +

theadClasses

+ +
    +
  • +

    Attribute: data-thead-classes

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The class name of table thead. Bootstrap v4, use the modifier classes .thead-light or .thead-dark to make thead appear light or dark gray.

    +
  • +
  • +

    Default: ''

    +
  • +
  • +

    Example: Thead Classes

    +
  • +
+ +

toolbar

+ +
    +
  • +

    Attribute: data-toolbar

    +
  • +
  • +

    Type: String/Node

    +
  • +
  • +

    Detail:

    + +

    A jQuery selector that indicates the toolbar, for example: #toolbar, .toolbar, or a DOM node.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: Custom Toolbar

    +
  • +
+ +

toolbarAlign

+ +
    +
  • +

    Attribute: data-toolbar-align

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate how to align the custom toolbar. 'left', 'right' can be used.

    +
  • +
  • +

    Default: 'left'

    +
  • +
  • +

    Example: Toolbar Align

    +
  • +
+ +

totalField

+ +
    +
  • +

    Attribute: data-total-field

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Key in incoming JSON containing 'total' data.

    +
  • +
  • +

    Default: 'total'

    +
  • +
  • +

    Example: Total/Data Field

    +
  • +
+ +

totalNotFiltered

+ +
    +
  • +

    Attribute: data-total-not-filtered

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    This property is mainly passed in by the pagination server, which is easy to use.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

totalNotFilteredField

+ +
    +
  • +

    Attribute: data-total-not-filtered-field

    +
  • +
  • +

    Type: string

    +
  • +
  • +

    Detail:

    + +

    The field from the JSON response will be used for showExtendedPagination.

    +
  • +
  • +

    Default: totalNotFiltered

    +
  • +
  • +

    Example: Total Not Filtered Field

    +
  • +
+ +

totalRows

+ +
    +
  • +

    Attribute: data-total-rows

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    This property is mainly passed in by the pagination server, which is easy to use.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

trimOnSearch

+ +
    +
  • +

    Attribute: data-trim-on-search

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to trim spaces in the search field.

    +
  • +
  • +

    Default: true

    +
  • +
  • +

    Example: Trim On Search

    +
  • +
+ +

undefinedText

+ +
    +
  • +

    Attribute: data-undefined-text

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the default undefined text.

    +
  • +
  • +

    Default: '-'

    +
  • +
  • +

    Example: Undefined Text

    +
  • +
+ +

uniqueId

+ +
    +
  • +

    Attribute: data-unique-id

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    Indicate a unique identifier for each row. +The Unique id should always be safe for html e.g. alphanumeric, it should not contain chars which can break html e.g. ".

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: getRowByUniqueId

    +
  • +
+ +

url

+ +
    +
  • +

    Attribute: data-url

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    A URL to request data from remote site.

    + +

    Note that the required server response format is different depending on whether the 'sidePagination' option is specified. See the following examples:

    + + + +

    URL parameters:

    + +

    When sidePagination is set to server, the bootstrap table will make calls to the url with the following URL parameters:

    + +
      +
    • offset with a value between 0 and total - 1, indicating the first record to include.
    • +
    • limit with a value indicating the number of rows per page.
    • +
    + +

    When implementing server-side pagination, you must implement a JSON view in a format like this example. That view must take the URL parameter values indicated above and return records starting at the offset index and returns the number of records indicated by limit. For example, if you want records 11-20, your view must obtain the offset=10 and limit=10 from the URL string and return records like this example.

    +
  • +
  • +

    Default: undefined

    +
  • +
  • +

    Example: From URL

    +
  • +
  • +

    Error handling

    + +

    To get loading errors please use onLoadError

    +
  • +
+ +

virtualScroll

+ +
    +
  • +

    Attribute: data-virtual-scroll

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable virtual scroll to display a virtual, “infinite” list.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: Large Data

    +
  • +
+ +

virtualScrollItemHeight

+ +
    +
  • +

    Attribute: data-virtual-scroll-item-height

    +
  • +
  • +

    Type: Number

    +
  • +
  • +

    Detail:

    + +

    If this option is not defined, we will use the height of the first item by default.

    + +

    It is important to provide this if the virtual item height is significantly larger than the default height. This dimension is used to help determine how many cells should be created when initialized and to help calculate the height of the scrollable area. This height value can only use px units.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

visibleSearch

+ +
    +
  • +

    Attribute: data-visible-search

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to search only in visible column/data. If the data contains other values which are not displayed, they will be ignored while searching.

    +
  • +
  • +

    Default: false

    +
  • +
  • +

    Example: visible search

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/addrbar/index.html b/versions/1.23.5/docs/extensions/addrbar/index.html new file mode 100644 index 0000000000..e64ddbac25 --- /dev/null +++ b/versions/1.23.5/docs/extensions/addrbar/index.html @@ -0,0 +1,512 @@ + + + + + + + + + + + + +Table Addrbar · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Addrbar +

+
+

Table Addrbar extension of Bootstrap Table.

+
+ +

Every time when changing page, sorting and searching operation, it will change the query params of the address bar. And while page loading, this plugin will use the query params in the address bar to make the request.

+ +

Usage

+ +
<script src="extensions/addrbar/bootstrap-table-addrbar.js"></script>
+ +

Example

+ +

Addrbar

+ +

Options

+ +

addrbar

+ +
    +
  • +

    Attribute: data-addrbar

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true if you want to use the addrbar feature.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

addrCustomParams

+ +
    +
  • +

    Attribute: data-addr-custom-params

    +
  • +
  • +

    Type: Function|Object

    +
  • +
  • +

    Detail:

    + +

    Define an object in which key and value pairs will be added as custom/additional get parameters to the URL, for example, custom filters. +The key is the GET parameter name, and the value is the value of the GET parameter.

    +
  • +
  • +

    Default: {}

    +
  • +
+ +

addrPrefix

+ +
    +
  • +

    Attribute: data-addr-prefix

    +
  • +
  • +

    Type: String

    +
  • +
  • +

    Detail:

    + +

    The prefix of the query params, it should be used for multi tables.

    + +

    While there are many tables in one page, and you want each of them can use this, then you may need the addrPrefix option.

    + +

    There are 5 parameters in default. They are

    + +
      +
    • page: page number
    • +
    • size: page size
    • +
    • order: asc/dsc
    • +
    • sort: the sort keyword
    • +
    • search: search keyword
    • +
    + +

    If you want each table can use this plugin, this parameters will make the tables bothering each other. The addrPrefix filed will get the tables a unique prefix to avoid.

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

Note

+ +
    +
  • Only support server side pagination.
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/auto-refresh/index.html b/versions/1.23.5/docs/extensions/auto-refresh/index.html new file mode 100644 index 0000000000..752f88cd8b --- /dev/null +++ b/versions/1.23.5/docs/extensions/auto-refresh/index.html @@ -0,0 +1,553 @@ + + + + + + + + + + + + +Table Auto Refresh · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Auto Refresh +

+
+

Table Auto Refresh extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/auto-refresh/bootstrap-table-auto-refresh.js"></script>
+ +

Example

+ +

Auto Refresh

+ +

Options

+ +

autoRefresh

+ +
    +
  • +

    Attribute: data-auto-refresh

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable the auto refresh plugin.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

autoRefreshInterval

+ +
    +
  • +

    Attribute: data-auto-refresh-interval

    +
  • +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    Time in seconds for the auto refresh to occur every.

    +
  • +
  • +

    Default: 60

    +
  • +
+ +

autoRefreshSilent

+ +
    +
  • +

    Attribute: data-auto-refresh-silent

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to auto refresh silently.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

autoRefreshStatus

+ +
    +
  • +

    Attribute: data-auto-refresh-status

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable auto refresh. This is the state auto refresh will be in when the table loads. Clicking the button toggles this property. This is simply the default state of auto refresh as the user can always change it by clicking the button.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

showAutoRefresh

+ +
    +
  • +

    Attribute: data-show-auto-refresh

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to hide the auto refresh button, for example, if you want to disallow deactivating the auto fresh by the user.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

Icons

+ +
    +
  • autoRefresh: ‘fa-clock’
  • +
+ +

Localizations

+ +

formatAutoRefresh

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: function () { return "Auto Refresh" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/cookie/index.html b/versions/1.23.5/docs/extensions/cookie/index.html new file mode 100644 index 0000000000..268b938333 --- /dev/null +++ b/versions/1.23.5/docs/extensions/cookie/index.html @@ -0,0 +1,745 @@ + + + + + + + + + + + + +Table Cookie · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Cookie +

+
+

Table Cookie extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/cookie/bootstrap-table-cookie.js"></script>
+ +

Example

+ +

Cookie

+ +

Options

+ + + +
    +
  • +

    Attribute: data-cookie

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to save the state of a table (its paging position, ordering state, and records per page).

    +
  • +
  • +

    Default: false

    +
  • +
+ +

cookieCustomStorageDelete

+ +
    +
  • +

    Attribute: data-cookie-custom-storage-delete

    +
  • +
  • +

    type: function

    +
  • +
  • +

    parameter

    + +
      +
    • cookieName - The name of the value e.g. the search
    • +
    +
  • +
  • +

    Detail:

    + +

    This option allows deleting values with your custom function. +This option is only required if you use customStorage on the cookieStorage option!

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

cookieCustomStorageGet

+ +
    +
  • +

    Attribute: data-cookie-custom-storage-get

    +
  • +
  • +

    type: function

    +
  • +
  • +

    parameter

    + +
      +
    • cookieName - The name of the value e.g. the search
    • +
    +
  • +
  • +

    Detail:

    + +

    This option allows getting the saved value from your custom function. +This option is only required if you use customStorage on the cookieStorage option!

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

cookieCustomStorageSet

+ +
    +
  • +

    Attribute: data-cookie-custom-storage-set

    +
  • +
  • +

    type: function

    +
  • +
  • +

    parameter

    + +
      +
    • cookieName - The name of the value e.g. the search
    • +
    • value - The value that will be saved
    • +
    +
  • +
  • +

    Detail:

    + +

    This option allows saving values with your custom function. +This option is only required if you use customStorage on the cookieStorage option!

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

cookieDomain

+ +
    +
  • +

    Attribute: data-cookie-domain

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This is the website domain, with the www. prefix removed.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

cookieExpire

+ +
    +
  • +

    Attribute: data-cookie-expire

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    You must set this property if the cookie option is enabled to know when will expire the cookie. Must use this format: 'number{letter}' like '2h', in the letter position you can use: 's', 'mi', 'h', 'd', 'm', 'y', these means: 'seconds', 'minutes', 'hours', 'days', 'months', 'years'.

    +
  • +
  • +

    Default: 2h

    +
  • +
+ +

cookieIdTable

+ +
    +
  • +

    Attribute: data-cookie-id-table

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    You must set this property if the cookie property is enabled to set a unique cookie with an identifier for each table in your page or project. You must set this property because we need to create cookies with an identifier.

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

cookiePath

+ +
    +
  • +

    Attribute: data-cookie-path

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    you can tell the browser what path the cookie belongs to. By default, the cookie belongs to the current page.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

cookieSecure

+ +
    +
  • +

    Attribute: data-cookie-secure

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    This property keeps cookie communication limited to encrypted transmission, directing browsers to use cookies only via secure/encrypted connections.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

cookieSameSite

+ +
    +
  • +

    Attribute: data-cookie-same-site

    +
  • +
  • +

    type: string

    +
  • +
  • +

    Detail:

    + +

    This property defines the value of the SameSite cookie attribute, for more information please check the SameSite Documentation.

    +
  • +
  • +

    Default: Lax

    +
  • +
+ +

cookieStorage

+ +
    +
  • +

    Attribute: data-cookie-storage

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the storage that this extension will use. Use cookieStorage, localStorage, sessionStorage, or customStorage.

    + +

    Info for customStorage: +You have use cookieCustomStorageGet, cookieCustomStorageSet and cookieCustomStorageDelete.

    +
  • +
  • +

    Default: cookieStorage

    +
  • +
+ +

cookiesEnabled

+ +
    +
  • +

    Attribute: data-cookies-enabled

    +
  • +
  • +

    type: Array

    +
  • +
  • +

    Detail:

    + +

    Set this array with the table properties (sortOrder, sortName, sortPriority, pageNumber, pageList, hiddenColumns, searchText, filterControl) that you want to save

    +
  • +
  • +

    Default: ['bs.table.sortOrder', 'bs.table.sortName', 'bs.table.sortPriority', 'bs.table.pageNumber', 'bs.table.pageList', 'bs.table.hiddenColumns', 'bs.table.searchText', 'bs.table.filterControl', 'bs.table.cardView', 'bs.table.customView']

    +
  • +
+ +

Methods

+ +

deleteCookie

+ +
    +
  • +

    parameters: cookieName

    +
  • +
  • +

    Detail:

    + +

    Delete the saved cookie by cookie name.

    +
  • +
+ +

getCookies

+ +
    +
  • +

    parameters: undefined

    +
  • +
  • +

    Detail:

    + +

    Return the saved cookies.

    +
  • +
+ +

This plugin saves

+ +
    +
  • Page number
  • +
  • Page size (Rows per page)
  • +
  • Search text
  • +
  • Search filter control
  • +
  • Sort order
  • +
  • Sort name
  • +
  • Multiple Sort order
  • +
  • Hidden columns
  • +
  • Card view state
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/copy-rows/index.html b/versions/1.23.5/docs/extensions/copy-rows/index.html new file mode 100644 index 0000000000..29ca74c698 --- /dev/null +++ b/versions/1.23.5/docs/extensions/copy-rows/index.html @@ -0,0 +1,619 @@ + + + + + + + + + + + + +Table Copy Rows · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Copy Rows +

+
+

Table Copy Rows extension of Bootstrap Table.

+
+ +

This extension adds functionality for copying selected rows to the clipboard. Currently works on all desktop browsers except Safari.

+ +

Usage

+ +
<script src="extensions/copy-rows/bootstrap-table-copy-rows.js"></script>
+ +

Example

+ +

Copy Rows

+ +

Options

+ +

showCopyRows

+ +
    +
  • +

    Attribute: data-show-copy-rows

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the copy button. This button copies the contents of the selected rows to the clipboard.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

copyDelimiter

+ +
    +
  • +

    Attribute: data-copy-delimiter

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This delimiter will be inserted in between the column values when copying.

    +
  • +
  • +

    Default: ', '

    +
  • +
+ +

copyNewline

+ +
    +
  • +

    Attribute: data-copy-newline

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This newline will be inserted in between the row values when copying.

    +
  • +
  • +

    Default: '\n'

    +
  • +
+ +

copyWithHidden

+ +
    +
  • +

    Attribute: data-copy-with-hidden

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to copy with hidden columns.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

copyRowsHandler

+ +
    +
  • +

    Attribute: `data-copy-rows-handler

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    Before copying rows, handle the copying rows data. The parameters object contains:

    + +
      +
    • text: the copy rows data.
    • +
    +
  • +
  • +

    Default: function(text) { return text }

    +
  • +
+ +

Column options

+ +

ignoreCopy

+ +
    +
  • +

    Attribute: data-ignore-copy

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to ignore this column while copying.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

rawCopy

+ +
    +
  • +

    Attribute: data-raw-copy

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to copy the raw value instead the formatted one. +If no formatter is used, this option has no effect.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Icons

+ +
    +
  • copy: ‘fa-copy’
  • +
+ +

Methods

+ +

copyColumnsToClipboard

+ +
    +
  • Copy the contents of the selected rows to the clipboard.
  • +
+ +

Localizations

+ +

formatCopyRows

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Copy Rows" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/custom-view/index.html b/versions/1.23.5/docs/extensions/custom-view/index.html new file mode 100644 index 0000000000..f1f7be9332 --- /dev/null +++ b/versions/1.23.5/docs/extensions/custom-view/index.html @@ -0,0 +1,628 @@ + + + + + + + + + + + + +Custom View · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Custom View +

+
+

Custom View extension of Bootstrap Table.

+
+ +

Description

+

This extension adds the ability to create a custom view to display the data.

+ +

Usage

+ +
<script src="extensions/custom-view/bootstrap-table-custom-view.js"></script>
+ +

Example

+ +

Custom View

+ +

Options

+ +

customView

+ +
    +
  • +

    Attribute: data-custom-view

    +
  • +
  • +

    Type: Function|Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to false to disable this extension. +Set to function to format your custom view.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

customViewDefaultView

+ +
    +
  • +

    Attribute: data-custom-view-default-view

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to show the custom view as the default view.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

showCustomView

+ +
    +
  • +

    Attribute: data-show-custom-view

    +
  • +
  • +

    Type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to show the custom view toggle button.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Icons

+ +
    +
  • customViewOn: +
      +
    • Bootstrap3: glyphicon glyphicon-list
    • +
    • Bootstrap4: fa fa-eye
    • +
    • bootstrap5: ‘bi-eye’,
    • +
    • Semantic: fa fa-eye
    • +
    • Foundation: fa fa-eye
    • +
    • Bulma: fa fa-eye
    • +
    • Materialize: remove_red_eye
    • +
    +
  • +
  • customViewOff: +
      +
    • Bootstrap3: glyphicon glyphicon-thumbnails
    • +
    • Bootstrap4: fa fa-th
    • +
    • bootstrap5: ‘bi-grid’,
    • +
    • Semantic: fa fa-th
    • +
    • Foundation: fa fa-th
    • +
    • Bulma: fa fa-th
    • +
    • Materialize: grid_on
    • +
    +
  • +
+ +

Methods

+ +

toggleCustomView

+ +
    +
  • Toggles the view between the table and the custom view.
  • +
+ +

Events

+ +

onCustomViewPreBody

+ +
    +
  • +

    jQuery Event: custom-view-pre-body.bs.table

    +
  • +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    It fires before the custom view is rendered.

    +
  • +
+ +

onCustomViewPostBody

+ +
    +
  • +

    jQuery Event: custom-view-post-body.bs.table

    +
  • +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    It fires after the custom view is rendered.

    +
  • +
+ +

onToggleCustomView

+ +
    +
  • +

    It fires when the custom view is toggled.

    +
  • +
  • +

    jQuery Event: toggle-custom-view.bs.table

    +
  • +
  • +

    Parameter: state

    +
  • +
  • +

    Detail:

    + +

    It fires when the custom view is toggled:

    + +
      +
    • state: the new custom view state (true-> Custom view is enabled, false -> Custom view is disabled )
    • +
    +
  • +
+ +

Localizations

+ +

formatToggleCustomViewOn

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Show custom view" }

    +
  • +
+ +

formatToggleCustomViewOff

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Hide custom view" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/defer-url/index.html b/versions/1.23.5/docs/extensions/defer-url/index.html new file mode 100644 index 0000000000..529ceb462b --- /dev/null +++ b/versions/1.23.5/docs/extensions/defer-url/index.html @@ -0,0 +1,448 @@ + + + + + + + + + + + + +Table Defer URL · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + +
+ +
+ + +
+
+ + View on GitHub + +

+ Table Defer URL +

+
+

Table Defer URL extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/defer-url/bootstrap-table-defer-url.js"></script>
+ +

Example

+ +

Defer URL

+ +

Options

+ +

deferUrl

+ +
    +
  • +

    Attribute: data-defer-url

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    When using server-side processing, the default mode of operation for bootstrap-table is to simply throw away any data that currently exists in the table and make a request to the server to get the first page of data to display. This is fine for an empty table, but if you already have the first page of data displayed in plain HTML, it is a waste of resources. As such, you can use deferUrl instead of url to allow you to instruct bootstrap-table to not make that initial request, rather it will use the data already on the page.

    +
  • +
  • +

    Default: null

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/editable/index.html b/versions/1.23.5/docs/extensions/editable/index.html new file mode 100644 index 0000000000..3de294091e --- /dev/null +++ b/versions/1.23.5/docs/extensions/editable/index.html @@ -0,0 +1,565 @@ + + + + + + + + + + + + +Table Editable · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Editable +

+
+

Table Editable extension of Bootstrap Table.

+
+ +

Use Plugin: x-editable

+ +

Usage

+ +
<script src="extensions/editable/bootstrap-table-editable.js"></script>
+ +

Options

+ +

editable

+ +
    +
  • +

    Attribute: data-editable

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to disabled editable of all columns.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

Column options

+ +

alwaysUseFormatter

+ +
    +
  • +

    Attribute: data-always-use-formatter

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to use always the formatter, even if the column was already edited.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

editable

+ +
    +
  • +

    Attribute: data-editable

    +
  • +
  • +

    type: Object | Function

    +
  • +
  • +

    Detail:

    + +

    Configuration of x-editable. Full list of options: http://vitalets.github.io/x-editable/docs.html#editable.

    + +

    If it is the type of Function, it is called with params: index, row, element for +each row of the table. It should return the Object of the x-editable configuration.

    + +

    All options can be defined via data-editable-* HTML attributes. Table-wide options are used for every column but can be overridden:

    +
  • +
+ +
  <table id="my_table_id"
+    data-url="data/url.json"
+    data-id-field="id"
+    data-editable-emptytext="Default empty text."
+    data-editable-url="/my/editable/update/path">
+    <thead>
+      <tr>
+        <th class="col-md-1" data-field="id" data-sortable="true" data-align="center">#</th>
+        <th class="col-md-4" data-field="name" data-editable="true">Name</th>
+        <th class="col-md-7" data-field="description" data-editable="true" data-editable-emptytext="Custom empty text.">Description</th>
+      </tr>
+    </thead>
+  </table>
+  
+ +

You can use noEditFormatter to disable the editable column, for example:

+ +
  {
+    editable: {
+      noEditFormatter (value, row, index) {
+        if (value === 'noEdit') {
+          return 'No Edit'
+        }
+        return false
+      }
+    }
+  }
+  
+ +
    +
  • Default: undefined
  • +
+ +

Events

+ +

onEditableInit(editable-init.bs.table)

+ +

Fired when all columns were initialized by the $().editable() method.

+ +

onEditableSave(editable-save.bs.table)

+ +

Fired when an editable cell is saved.

+ +

parameters: field, row, rowIndex, oldValue, $el

+ +

onEditableShown(editable-shown.bs.table)

+ +

Fired when an editable cell is opened for edits.

+ +

parameters: field, row, $el

+ +

onEditableHidden(editable-hidden.bs.table)

+ +

Fired when an editable cell is hidden/closed.

+ +

parameters: field, row, $el, reason

+ +

The existing problems

+ +
    +
  • The editable extension does not support searchable in the select type.
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/export/index.html b/versions/1.23.5/docs/extensions/export/index.html new file mode 100644 index 0000000000..0529b4a9a9 --- /dev/null +++ b/versions/1.23.5/docs/extensions/export/index.html @@ -0,0 +1,673 @@ + + + + + + + + + + + + +Table Export · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Export +

+
+

Table Export extension of Bootstrap Table.

+
+ +

Use Plugin: tableExport.jquery.plugin

+ +

This is an important link to check out as some file types may require extra steps.

+ +

Usage

+ +
<script src="extensions/export/bootstrap-table-export.js"></script>
+ +

Example

+ +

Export

+ +

Options

+ +

showExport

+ +
    +
  • +

    Attribute: data-show-export

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the export button.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

exportDataType

+ +
    +
  • +

    Attribute: data-export-data-type

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Export data type, support: 'basic', 'all', 'selected'.

    +
  • +
  • +

    Default: basic

    +
  • +
+ +

exportFooter

+ +
    +
  • +

    Attribute: data-export-footer

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to export the table footer.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

exportOptions

+ +
    +
  • +

    Attribute: data-export-options

    +
  • +
  • +

    type: Object

    +
  • +
  • +

    Detail:

    + +

    Export options of tableExport.jquery.plugin

    + +

    exportOptions.fileName can be a string or a function, for example:

    + +
    exportOptions: {
    +  fileName: function () {
    +    return 'exportName'
    +  }
    +}
    +
    +
  • +
+ +

exportTypes

+ +
    +
  • +

    Attribute: data-export-types

    +
  • +
  • +

    type: Array

    +
  • +
  • +

    Detail:

    + +

    Export types, support types: ['json', 'xml', 'png', 'csv', 'txt', 'sql', 'doc', 'excel', 'xlsx', 'pdf'].

    +
  • +
  • +

    Default: ['json', 'xml', 'csv', 'txt', 'sql', 'excel']

    +
  • +
+ +

Icons

+ +
    +
  • export: 'glyphicon-export icon-share'
  • +
+ +

Column options

+ +

forceExport

+ +
    +
  • +

    Attribute: data-force-export

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to force export a column e.g. hidden columns.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

forceHide

+ +
    +
  • +

    Attribute: data-force-hide

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to force hide a column e.g. for icon columns.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Events

+ +

onExportSaved

+ +
    +
  • +

    jQuery Event: export-saved.bs.table

    +
  • +
  • +

    Parameter: exportedRows

    +
  • +
  • +

    Detail:

    + +

    Fired when the data is exported, the parameter contain:

    + +
      +
    • exportedRows: The exported rows (depends on exportDataType)
    • +
    +
  • +
+ +

onExportStarted

+ +
    +
  • +

    jQuery Event: export-started.bs.table

    +
  • +
  • +

    Parameter: undefined

    +
  • +
  • +

    Detail:

    + +

    Fired before the data will be collected and exported.

    +
  • +
+ +

Methods

+ +

exportTable

+ +
    +
  • +

    parameters: options

    +
  • +
  • +

    Detail:

    + +

    Export table with custom options.

    +
  • +
+ +

Localizations

+ +

formatExport

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: function () { return "Export data" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/filter-control/index.html b/versions/1.23.5/docs/extensions/filter-control/index.html new file mode 100644 index 0000000000..6b8fd668cb --- /dev/null +++ b/versions/1.23.5/docs/extensions/filter-control/index.html @@ -0,0 +1,963 @@ + + + + + + + + + + + + +Table Filter Control · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Filter Control +

+
+

Table Filter Control extension of Bootstrap Table.

+
+ +

Usage

+ +
<link rel="stylesheet" type="text/css" href="extensions/filter-control/bootstrap-table-filter-control.css">
+<script src="extensions/filter-control/bootstrap-table-filter-control.js"></script>
+ +

Example

+ +

Filter Control

+ +

Options

+ +

filterControl

+ +
    +
  • +

    Attribute: data-filter-control

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to add an input or select into the column.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

filterControlVisible

+ +
    +
  • +

    Attribute: data-filter-control-visible

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to false to hide the filter controls.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

alignmentSelectControlOptions

+ +
    +
  • +

    Attribute: data-alignment-select-control-options

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the alignment of the select control options. Use left, right or auto.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterControlContainer

+ +
    +
  • +

    Attribute: data-filter-control-container

    +
  • +
  • +

    type: Selector

    +
  • +
  • +

    Detail:

    + +

    Set to e.g. #filter to allow custom input filter in an element with the id filter. +Each filter element (input or select) must have the following class bootstrap-table-filter-control-<FieldName> ( must be replaced with the defined [Field](https://bootstrap-table.com/docs/api/column-options/#field) name).

    +
  • +
  • +

    Default: false

    +
  • +
+ +

filterDataCollector

+ +
    +
  • +

    Attribute: data-filter-data-collector

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    Collect data which will added to the select filter, to filter through e.g. labels that are comma separated and displayed with a formatter.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterControlMultipleSearch

+ +
    +
  • +

    Attribute: data-filter-control-multiple-search

    +
  • +
  • +

    type: bool

    +
  • +
  • +

    Detail:

    + +

    Set to true to allow searching multiple values at once. +The values will be split by a delimiter, see option filterControlMultipleSearchDelimiter.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

filterControlMultipleSearchDelimiter

+ +
    +
  • +

    Attribute: data-filter-control-multiple-search-delimiter

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Defines the delimiter which will be used to split the search values in the option filterControlMultipleSearchDelimiter.

    +
  • +
  • +

    Default: ,

    +
  • +
+ +

filterControlSearchClear

+ +
    +
  • +

    Attribute: data-filter-control-search-clear

    +
  • +
  • +

    type: bool

    +
  • +
  • +

    Detail:

    + +

    Set to true to clear the filter control filters using the table option showSearchButton.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

searchOnEnterKey

+ +
    +
  • +

    Attribute: data-search-on-enter-key

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to fire the search action when the user presses the enter key.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

showFilterControlSwitch

+ +
    +
  • +

    Attribute: data-show-filter-control-switch

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to show the filter control switch button.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

sortSelectOptions

+ +
    +
  • +

    Attribute: data-sort-select-options

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true to sort the option elements of the select control.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Column options

+ +

filterControl

+ +
    +
  • +

    Attribute: data-filter-control

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set input: show an input control, select: show a select control, datepicker: show a html5 datepicker control.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterControlPlaceholder

+ +
    +
  • +

    attribute: data-filter-control-placeholder

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set this to show a placeholder only in the input filter control.

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

filterCustomSearch

+ +
    +
  • +

    Attribute: data-filter-custom-search

    +
  • +
  • +

    type: function

    +
  • +
  • +

    Detail:

    + +

    The custom search function is executed instead of the built-in search function and takes four parameters:

    + +
      +
    • text: the search text.
    • +
    • value: the value of the column to compare.
    • +
    • field: the column field name.
    • +
    • data: the table data.
    • +
    + +

    Return false to filter out the current column/row. +Return true to not filter out the current column/row. +Return null to skip the custom search for the current value.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterData

+ +
    +
  • +

    Attribute: data-filter-data

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set custom select filter values, use +var:variable to load from a variable +obj:variable.key to load from an object +url:http://www.example.com/data.json to load from a remote JSON file +json:{key:data} to load from a JSON string. +func:functionName to load from a function.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterDatepickerOptions

+ +
    +
  • +

    Attribute: data-filter-datepicker-options

    +
  • +
  • +

    type: Object

    +
  • +
  • +

    Detail:

    + +

    If the datepicker option is set use this option to configure the datepicker with the native options. Use this way: data-filter-datepicker-options='{"max":value1, "min": value2, "step": value3}'. For more information visit this documentation

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterDefault

+ +
    +
  • +

    Attribute: data-filter-default

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the default value of the filter.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

filterOrderBy

+ +
    +
  • +

    attribute: data-filter-order-by

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set this to order the options in a select control whether ascending ('asc'), descending ('desc') or in the order provided by the server ('server').

    +
  • +
  • +

    Default: 'asc'

    +
  • +
+ +

filterStartsWithSearch

+ +
    +
  • +

    attribute: data-filter-starts-with-search

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true if you want to use the starts with search mode.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

filterStrictSearch

+ +
    +
  • +

    Attribute: data-filter-strict-search

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set to true if you want to use the strict search mode.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Icons

+ +
    +
  • clear: 'glyphicon-trash icon-clear'
  • +
  • filterControlSwitchHide: 'glyphicon-zoom-out icon-zoom-out'
  • +
  • filterControlSwitchShow: 'glyphicon-zoom-in icon-zoom-in'
  • +
+ +

Events

+ +

onColumnSearch(column-search.bs.table)

+ +
    +
  • Fired when we are searching into the column data
  • +
+ +

onCreatedControls(created-controls.bs.table)

+ +
    +
  • Fired when we are searching into the column data
  • +
+ +

Methods

+ +

triggerSearch

+ +
    +
  • Trigger manually the search action
  • +
+ +

clearFilterControl

+ +
    +
  • Clear all the controls added by this plugin (similar to showSearchClearButton option).
  • +
+ +

toggleFilterControl

+ +
    +
  • Toggles the visibility (show/hide) of the filter controls.
  • +
+ +

Localizations

+ +

formatClearFilters

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Clear Filters" }

    +
  • +
+ +

formatFilterControlSwitch

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Hide/Show controls" }

    +
  • +
+ +

formatFilterControlSwitchHide

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Hide controls" }

    +
  • +
+ +

formatFilterControlSwitchShow

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Show controls" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/fixed-columns/index.html b/versions/1.23.5/docs/extensions/fixed-columns/index.html new file mode 100644 index 0000000000..19936aa45b --- /dev/null +++ b/versions/1.23.5/docs/extensions/fixed-columns/index.html @@ -0,0 +1,502 @@ + + + + + + + + + + + + +Table Fixed Columns · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Fixed Columns +

+
+

Table Fixed columns extension of Bootstrap Table.

+
+ +

Usage

+ +
<link rel="stylesheet" href="extensions/fixed-columns/bootstrap-table-fixed-columns.css">
+<script src="extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
+ +

Example

+ +

Fixed Columns

+ +

Options

+ +

fixedColumns

+ +
    +
  • +

    attribute: data-fixed-columns

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable fixed columns.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

fixedNumber

+ +
    +
  • +

    attribute: data-fixed-number

    +
  • +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    The number of the left fixed columns.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

fixedRightNumber

+ +
    +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    The number of the right fixed columns.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

Note

+ +
    +
  • Not support detailView option.
  • +
  • Not support cardView option.
  • +
  • Not support showFooter option.
  • +
  • Need to import after sticky-header when using with sticky-header extension. For example:
  • +
+ +
<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
+<link rel="stylesheet" href="extensions/fixed-columns/bootstrap-table-fixed-columns.css">
+<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
+<script src="extensions/fixed-columns/bootstrap-table-fixed-columns.js"></script>
+ + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/group-by-v2/index.html b/versions/1.23.5/docs/extensions/group-by-v2/index.html new file mode 100644 index 0000000000..b5462ee9aa --- /dev/null +++ b/versions/1.23.5/docs/extensions/group-by-v2/index.html @@ -0,0 +1,568 @@ + + + + + + + + + + + + +Table Group By v2 · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Group By v2 +

+
+

Table Group By v2 extension of Bootstrap Table.

+
+ +

Usage

+ +
<link rel="stylesheet" href="extensions/group-by-v2/bootstrap-table-group-by.css">
+<script src="extensions/group-by-v2/bootstrap-table-group-by.js"></script>
+ +

Example

+ +

Group By v2

+ +

Options

+ +

groupBy

+ +
    +
  • +

    attribute: data-group-by

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to group the data by the field passed.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

groupByField

+ +
    +
  • +

    attribute: data-group-by-field

    +
  • +
  • +

    type: String|Array

    +
  • +
  • +

    Detail:

    + +

    Set the field name(s) that you want to group the data. +For a single field use a String e.g. shape. +For a multiple fields use a Array e.g. ["shape", "color"].

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

groupByFormatter

+ +
    +
  • +

    attribute: data-group-by-formatter

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    The group row formatter function, takes three parameters:

    + +
      +
    • value: the group by value.
    • +
    • idx: the index of the group.
    • +
    • data: an array of rows in the group.
    • +
    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

groupByToggle

+ +
    +
  • +

    attribute: data-group-by-toggle

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow collapse/expand groups.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

groupByShowToggleIcon

+ +
    +
  • +

    attribute: data-group-by-show-toggle-icon

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show icons if the group is collapsed or expanded (see groupByToggle).

    +
  • +
  • +

    Default: false

    +
  • +
+ +

groupByCollapsedGroups

+ +
    +
  • +

    attribute: data-group-by-collapsed-groups

    +
  • +
  • +

    type: Array|Function

    +
  • +
  • +

    Detail:

    + +

    All group keys (which are in this array will be collapsed by default. +The value of this option can be:

    +
      +
    • A variable (array)
    • +
    • An Array string e.g. ["circle"]
    • +
    • A function (returns an array) which gets as parameters: +
        +
      • The group key
      • +
      • The entries of the group
      • +
      +
    • +
    +
  • +
  • +

    Default: []

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/i18n-enhance/index.html b/versions/1.23.5/docs/extensions/i18n-enhance/index.html new file mode 100644 index 0000000000..87b09501d3 --- /dev/null +++ b/versions/1.23.5/docs/extensions/i18n-enhance/index.html @@ -0,0 +1,454 @@ + + + + + + + + + + + + +Table i18n Enhance · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table i18n Enhance +

+
+

Table i18n Enhance extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/i18n-enhance/bootstrap-table-i18n-enhance.js"></script>
+ +

Example

+ +

i18n Enhance

+ +

Methods

+ +

changeLocale

+ +

Change table locale.

+ +
    +
  • Parameters: localeId
  • +
  • Example: $table.bootstrapTable('changeLocale', 'zh_TW')
  • +
+ +

changeTitle

+ +

Change the column’s title.

+ +
    +
  • Parameters: object, the object’s key is a column field, value is the new title.
  • +
  • Example:
  • +
+ +
$table.bootstrapTable('changeTitle', {
+  columnA.field: 'New column A title.',
+  columnB.field: 'New column B title.'
+})
+ + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/key-events/index.html b/versions/1.23.5/docs/extensions/key-events/index.html new file mode 100644 index 0000000000..f30d8187b1 --- /dev/null +++ b/versions/1.23.5/docs/extensions/key-events/index.html @@ -0,0 +1,456 @@ + + + + + + + + + + + + +Table Key Events · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + +
+ +
+ + +
+
+ + View on GitHub + +

+ Table Key Events +

+
+

Table Key Events extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/key-events/bootstrap-table-key-events.js"></script>
+ +

Example

+ +

Key Events

+ +

Options

+ +

keyEvents

+ +
    +
  • +

    attribute: data-key-events

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    True to enable the key events. The key event list is:

    +
      +
    • s: It will be focused the search textbox if it is enabled.
    • +
    • r: It will refresh the table if the showRefresh option is enabled.
    • +
    • t: It will toggle the table view if the showToggle option is enabled.
    • +
    • p: It will fires the pagination switch if the showPaginationSwitch is enabled.
    • +
    • left: It will go to prev page if the pagination is true.
    • +
    • right: It will go to next page if the pagination is true.
    • +
    +
  • +
  • +

    Default: false

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/mobile/index.html b/versions/1.23.5/docs/extensions/mobile/index.html new file mode 100644 index 0000000000..119781e25c --- /dev/null +++ b/versions/1.23.5/docs/extensions/mobile/index.html @@ -0,0 +1,528 @@ + + + + + + + + + + + + +Table Mobile · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Mobile +

+
+

Table Mobile extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/mobile/bootstrap-table-mobile.js"></script>
+ +

Example

+ +

Mobile

+ +

Options

+ +

checkOnInit

+ +
    +
  • +

    attribute: data-check-on-init

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to check the window size on init.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

columnsHidden

+ +
    +
  • +

    attribute: data-columns-hidden

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the columns fields in this array to hide those columns in the card view mode. Use this way in data-* configuration: ` data-columns-hidden=”[‘name’, ‘description’]” or this way in the JavaScript configuration: columnsHidden = [‘name’, ‘description’]`.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

minHeight

+ +
    +
  • +

    attribute: data-min-height

    +
  • +
  • +

    type: Integer

    +
  • +
  • +

    Detail:

    + +

    Set the minimum height when the table will change the view.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

minWidth

+ +
    +
  • +

    attribute: data-min-width

    +
  • +
  • +

    type: Integer

    +
  • +
  • +

    Detail:

    + +

    Set the minimum width when the table will change the view.

    +
  • +
  • +

    Default: 562

    +
  • +
+ +

mobileResponsive

+ +
    +
  • +

    attribute: data-mobile-responsive

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to change the view between the card and table view depending on the width and height given.

    +
  • +
  • +

    Default: false

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/multiple-sort/index.html b/versions/1.23.5/docs/extensions/multiple-sort/index.html new file mode 100644 index 0000000000..2d01b26108 --- /dev/null +++ b/versions/1.23.5/docs/extensions/multiple-sort/index.html @@ -0,0 +1,754 @@ + + + + + + + + + + + + +Table Multiple Sort · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Multiple Sort +

+
+

Table Multiple Sort extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/multiple-sort/bootstrap-table-multiple-sort.js"></script>
+ +

Example

+ +

Multiple Sort

+ +

Options

+ +

showMultiSort

+ +
    +
  • +

    attribute: data-show-multi-sort

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow the multiple sort.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

showMultiSortButton

+ +
    +
  • +

    attribute: data-show-multi-sort-button

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set false to hide multiple sort UI button.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

multiSortStrictSort

+ +
    +
  • +

    attribute: data-multi-sort-strict-sort

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable strict sorting. This means that strings will be compared and ordered using toLowerCase.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

sortPriority

+ +
    +
  • +

    attribute: data-sort-priority

    +
  • +
  • +

    type: Object

    +
  • +
  • +

    Detail:

    + +

    Set one or multiple sort priority. Example: ‘[{“sortName”: “forks_count”,”sortOrder”:”desc”},{“sortName”:”stargazers_count”,”sortOrder”:”desc”}]’

    +
  • +
  • +

    Default:null

    +
  • +
+ +

Icons

+
    +
  • sort: glyphicon-sort
  • +
  • plus: glyphicon-plus
  • +
  • minus: glyphicon-minus
  • +
+ +

methods

+ +

multipleSort

+ +
    +
  • +

    parameters: none

    +
  • +
  • +

    Detail:

    + +

    Force multiple sort table (usable after manual data changes).

    +
  • +
+ +

multiSort

+ +
    +
  • +

    parameters: sortPriority

    +
  • +
  • +

    Detail:

    + +

    Set one or multiple sort priority

    + +

    Example:

    +
    [
    +{
    +"sortName": "forks_count",
    +"sortOrder": "desc"
    +},
    +{
    +"sortName": "stargazers_count",
    +"sortOrder": "asc"
    +}
    +]
    +
    +
  • +
+ +

Localizations

+ +

formatAddLevel

+ +
    +
  • +

    Detail:

    + +

    Text of the add level button

    +
  • +
  • +

    Default: function () { return "Add Level" }

    +
  • +
+ +

formatCancel

+ +
    +
  • +

    Detail:

    + +

    Text of the delete level button

    +
  • +
  • +

    Default: function () { return "Cancel" }

    +
  • +
+ +

formatColumn

+ +
    +
  • +

    Detail:

    + +

    Text of Column header

    +
  • +
  • +

    Default: function () { return "Column" }

    +
  • +
+ +

formatDeleteLevel

+ +
    +
  • +

    Detail:

    + +

    Text of the delete level button

    +
  • +
  • +

    Default: function () { return "Delete Level" }

    +
  • +
+ +

formatDuplicateAlertTitle

+ +
    +
  • +

    Detail:

    + +

    Title of the duplicate alert

    +
  • +
  • +

    Default: function () { return "Duplicate(s) detected!" }

    +
  • +
+ +

formatDuplicateAlertDescription

+ +
    +
  • +

    Detail:

    + +

    Text of the duplicate alert

    +
  • +
  • +

    Default: function () { return "Please remove or change any duplicate column." }

    +
  • +
+ +

formatMultipleSort

+ +
    +
  • +

    Detail:

    + +

    Title of the advanced search modal

    +
  • +
  • +

    Default: function () { return "Multiple Sort" }

    +
  • +
+ +

formatOrder

+ +
    +
  • +

    Detail:

    + +

    Text of the delete level button

    +
  • +
  • +

    Default: function () { return "Order" }

    +
  • +
+ +

formatSort

+ +
    +
  • +

    Detail:

    + +

    Text of the delete level button

    +
  • +
  • +

    Default: function () { return "Sort" }

    +
  • +
+ +

formatSortBy

+ +
    +
  • +

    Detail:

    + +

    Text of the delete level button

    +
  • +
  • +

    Default: function () { return "Sort by" }

    +
  • +
+ +

formatSortOrders

+ +
    +
  • +

    Detail:

    + +

    Text of the sort orders

    +
  • +
  • +

    Default:

    +
      +
    • asc : function () { return "Ascending" }
    • +
    • desc : function () { return "Descending" }
    • +
    +
  • +
+ +

formatThenBy

+ +
    +
  • +

    Detail:

    + +

    Text of the delete level button

    +
  • +
  • +

    Default: function () { return "Then by" }

    +
  • +
+ +

Events

+ +

onMultipleSort(multiple-sort.bs.table)

+ +
    +
  • Fires when sorting with one or multiple Sort Priority.
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/page-jump-to/index.html b/versions/1.23.5/docs/extensions/page-jump-to/index.html new file mode 100644 index 0000000000..3a9cfa6f4f --- /dev/null +++ b/versions/1.23.5/docs/extensions/page-jump-to/index.html @@ -0,0 +1,487 @@ + + + + + + + + + + + + +Table Page Jump To · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Page Jump To +

+
+

Table Page Jump To the extension of Bootstrap Table.

+
+ +

Usage

+ +
<link rel="stylesheet" href="extensions/page-jump-to/bootstrap-table-jump-to.css"></style>
+<script src="extensions/page-jump-to/bootstrap-table-jump-to.js"></script>
+ +

Example

+ +

Page Jump To

+ +

Options

+ +

showJumpTo

+ +
    +
  • +

    attribute: data-show-jump-to

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable show ‘jump to page’. Can be defined via data-show-jump-to HTML attributes.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

showJumpToByPages

+ +
    +
  • +

    attribute: data-show-jump-to-by-pages

    +
  • +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    Show ‘jump to page’ only if the total page is greater than or equal to the set value.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

Localizations

+ +

formatJumpTo

+ +
    +
  • +

    Parameter: undefined

    +
  • +
  • +

    Default: function () { return "GO" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/pipeline/index.html b/versions/1.23.5/docs/extensions/pipeline/index.html new file mode 100644 index 0000000000..cbaad9d409 --- /dev/null +++ b/versions/1.23.5/docs/extensions/pipeline/index.html @@ -0,0 +1,515 @@ + + + + + + + + + + + + +Table Pipeline · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Pipeline +

+
+

Table Pipeline extension of Bootstrap Table.

+
+ +

This plugin enables client-side data caching for server-side requests which will +eliminate the need to issue a new request every page change. This will allow +for a performance balance for a large data set between returning all data at once +(client-side paging) and a new server-side request (server-side paging).

+ +

There are two new options:

+
    +
  • usePipeline: enables this feature
  • +
  • pipelineSize: the size of each cache window
  • +
+ +

The size of the pipeline must be evenly divisible by the current page size. This is +assured by rounding up to the nearest evenly divisible value. For example, if +the pipeline size is 4990 and the current page size is 25, then the pipeline size will +be dynamically set to 5000.

+ +

The cache windows are computed based on the pipeline size and the total number of rows +returned by the server-side query. For example, with pipeline size 500 and total rows +1300, the cache windows will be:

+ +

[{‘lower’: 0, ‘upper’: 499}, {‘lower’: 500, ‘upper’: 999}, {‘lower’: 1000, ‘upper’: 1499}]

+ +

Using the limit (i.e. the pipelineSize) and offset parameters, the server-side request +MUST return only the data in the requested cache window AND the total number of rows. +To wit, the server-side code must use the offset and limit parameters to prepare the response +data.

+ +

On a page change, the new offset is checked if it is within the current cache window. If so, +the requested page data is returned from the cached data set. Otherwise, a new server-side +request will be issued for the new cache window.

+ +

The current cached data is only invalidated on these events:

+ +
    +
  • sorting
  • +
  • searching
  • +
  • page size change
  • +
  • page change moves into a new cache window
  • +
+ +

There are two new events:

+
    +
  • cached-data-hit.bs.table: issued when cached data is used on a page change
  • +
  • cached-data-reset.bs.table: issued when the cached data is invalidated and the new server-side request is issued
  • +
+ +

Usage

+ +
<script src="extensions/pipeline/bootstrap-table-pipeline.js"></script>
+ +

Usage

+ +

Example

+ +

Pipeline

+ +

Options

+ +

pipelineSize

+ +
    +
  • type: Number
  • +
  • description: Size of each cache window. Must be greater than 0.
  • +
  • default: 1000
  • +
+ +

usePipeline

+ +
    +
  • type: Boolean
  • +
  • description: Set true to enable pipelining
  • +
  • default: false
  • +
+ +

Events

+ +

onCachedDataHit(cached-data-hit.bs.table)

+ +
    +
  • Fires when paging can use the locally cached data.
  • +
+ +

onCachedDataReset(cached-data-reset.bs.table)

+ +
    +
  • Fires when the locally cached data needs to be reset (i.e. on sorting, searching, page size change or page out of the current cache window).
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/print/index.html b/versions/1.23.5/docs/extensions/print/index.html new file mode 100644 index 0000000000..fb89f5d948 --- /dev/null +++ b/versions/1.23.5/docs/extensions/print/index.html @@ -0,0 +1,687 @@ + + + + + + + + + + + + +Table Print · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Print +

+
+

Table Print extension of Bootstrap Table.

+
+ +

Adds a button to the toolbar to print the table in a predefined configurable format.

+ +

Usage

+ +
<script src="extensions/print/bootstrap-table-print.js"></script>
+ +

Example

+ +

Print

+ +

Options

+ +

showPrint

+ +
    +
  • +

    attribute: data-show-print

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to show the Print button on the toolbar.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

printAsFilteredAndSortedOnUI

+ +
    +
  • +

    attribute: data-print-as-filtered-and-sorted-on-ui

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to print table as sorted and filtered on UI. If true is set, explicit predefined print options for filtering and sorting (printFilter, printSortOrder, printSortColumn). They will be applied to data already filtered and sorted by UI controls. For printing data as filtered and sorted on UI - do not set these three options: printFilter, printSortOrder, printSortColumn.

    +
  • +
  • +

    Default: true

    +
  • +
+ +

printPageBuilder

+ +
    +
  • +

    attribute: data-print-page-builder

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    Receive HTML <table> element as a string parameter, returns HTML string for printing. This option is used for styling and adding a header or footer.

    +
  • +
  • +

    Default:

    +
  • +
+ +
printPageBuilder: function(table, styles) {
+  return `
+    <html>
+    <head>
+    ${styles}
+    <style type="text/css" media="print">
+    @page {
+      size: auto;
+      margin: 25px 0 25px 0;
+    }
+    </style>
+    <style type="text/css" media="all">
+    table {
+      border-collapse: collapse;
+      font-size: 12px;
+    }
+    table, th, td {
+      border: 1px solid grey;
+    }
+    th, td {
+      text-align: center;
+      vertical-align: middle;
+    }
+    p {
+      font-weight: bold;
+      margin-left:20px;
+    }
+    table {
+      width: 94%;
+      margin-left: 3%;
+      margin-right: 3%;
+    }
+    div.bs-table-print {
+      text-align: center;
+    }
+    </style>
+    </head>
+    <title>Print Table</title>
+    <body>
+    <p>Printed on: ${new Date} </p>
+    <div class="bs-table-print">${table}</div>
+    </body>
+    </html>
+  `
+}
+ +

printSortColumn

+ +
    +
  • +

    attribute: data-print-sort-column

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set column field name to sort by for the printed table.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

printSortOrder

+ +
    +
  • +

    attribute: data-print-sort-order

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Valid values: ‘asc’, ‘desc’. Relevant only if printSortColumn is set.

    +
  • +
  • +

    Default: 'asc'

    +
  • +
+ +

printStyles

+ +
    +
  • +

    attribute: data-print-styles

    +
  • +
  • +

    type: Array

    +
  • +
  • +

    Detail:

    + +

    Add styles to the printed page, such as custom icons.

    +
  • +
  • +

    Default: []

    +
  • +
+ +

Icons

+ +
    +
  • print: 'fa-print'
  • +
+ +

Column options

+ +

printFilter

+ +
    +
  • +

    attribute: data-print-filter

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the value to filter the printed data by this column.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

printFormatter

+ +
    +
  • +

    attribute: data-print-formatter

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    A custom function(value, row, index) - returns a string. Formats the cell values for this column in the printed table. Function behavior is similar to the ‘formatter’ column option.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

printIgnore

+ +
    +
  • +

    attribute: data-print-ignore

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to hide this column on the printed page.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Localizations

+ +

formatPrint

+ +
    +
  • +

    type: Function

    +
  • +
  • +

    Default: function () { return "Print" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/reorder-columns/index.html b/versions/1.23.5/docs/extensions/reorder-columns/index.html new file mode 100644 index 0000000000..d1a282272c --- /dev/null +++ b/versions/1.23.5/docs/extensions/reorder-columns/index.html @@ -0,0 +1,529 @@ + + + + + + + + + + + + +Table Reorder Columns · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Reorder Columns +

+
+

Table Reorder Columns extension of Bootstrap Table.

+
+ +

Dependence:

+ + +

Usage

+ +
<link rel="stylesheet" href="dragtable.css">
+<script src="jquery-ui.js"></script>
+<script src="jquery.dragtable.js"></script>
+<script src="extensions/reorder-columns/bootstrap-table-reorder-columns.js"></script>
+ +

Example

+ +

Reorder Columns

+ +

Options

+ +

reorderableColumns

+ +
    +
  • +

    attribute: data-reorderable-columns

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow the reorder feature.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

dragaccept

+ +
    +
  • +

    attribute: data-dragaccept

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Allow to drag only the rows that have the CSS class as an attribute.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

maxMovingRows

+ +
    +
  • +

    attribute: data-max-moving-rows

    +
  • +
  • +

    type: Integer

    +
  • +
  • +

    Detail:

    + +

    Moving only the header. Recommended for very large tables (cells > 1000)

    +
  • +
  • +

    Default: 10

    +
  • +
+ +

Events

+ +

onReorderColumn(reorder-column.bs.table)

+ +

Fired when the column was dropped, receive as a parameter the new header fields order.

+ +

Methods

+ +

orderColumns

+ +
    +
  • +

    parameters: object e.g. {name: 0, price: 1}

    +
  • +
  • +

    Detail:

    + +

    Reorders the columns by the given object. +The Object key has to be the field and the value is the column index (starts with 0).

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/reorder-rows/index.html b/versions/1.23.5/docs/extensions/reorder-rows/index.html new file mode 100644 index 0000000000..6a306fb554 --- /dev/null +++ b/versions/1.23.5/docs/extensions/reorder-rows/index.html @@ -0,0 +1,660 @@ + + + + + + + + + + + + +Table Reorder Rows · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Reorder Rows +

+
+

Table Reorder Rows extension of Bootstrap Table.

+
+ +

Dependence: tablednd v0.9

+ +

if you want you can include the bootstrap-table-reorder-rows.css file to use the default dragClass.

+ +

Usage

+ +
<link rel="stylesheet" href="extensions/reorder-rows/bootstrap-table-reorder-rows.css">
+<script src=".../jquery.tablednd.js"></script>
+<script src="extensions/reorder-rows/bootstrap-table-reorder-rows.js"></script>
+ +

Example

+ +

Reorder Rows

+ +

Options

+ +

reorderableRows

+ +
    +
  • +

    attribute: data-reorderable-rows

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow the reorder feature.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

onAllowDrop

+ +
    +
  • +

    attribute: data-on-allow-drop

    +
  • +
  • +

    type: function

    +
  • +
  • +

    Detail:

    + +

    Pass a function that will be called as a row over another row. If the function returns true, allow dropping on that row, otherwise not. The function takes 4 parameters:

    +
      +
    • the dragged-row data
    • +
    • the data of the row under the cursor
    • +
    • the dragged row
    • +
    • the row under the cursor
    • +
    + +

    It returns a boolean: true allows the drop, false doesn’t allow it.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

onDragStop

+ +
    +
  • +

    attribute: data-on-drag-stop

    +
  • +
  • +

    type: function

    +
  • +
  • +

    Detail:

    + +

    Pass a function that will be called when the user stops dragging regardless of if the rows have been rearranged. The function takes 3 parameters: the table, the row data and the row which the user was dragging.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

onDragStyle

+ +
    +
  • +

    attribute: data-on-drag-style

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This is the style that is assigned to the row during drag. There are limitations to the styles that can be associated with a row (such as you can’t assign a border well you can, but it won’t be displayed).

    +
  • +
  • +

    Default: null

    +
  • +
+ +

onDragClass

+ +
    +
  • +

    attribute: data-on-drag-class

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This class is added for the duration of the drag and then removed when the row is dropped. It is more flexible than using onDragStyle since it can be inherited by the row cells and other content.

    +
  • +
  • +

    Default: reorder-rows-on-drag-class

    +
  • +
+ +

onDropStyle

+ +
    +
  • +

    attribute: data-on-drop-style

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This is the style that is assigned to the row when it is dropped. As for onDragStyle, there are limitations to what you can do. Also, this replaces the original style, so again consider using onDragClass which is simply added and then removed on drop.

    +
  • +
  • +

    Default: null

    +
  • +
+ +

onReorderRowsDrag

+ +
    +
  • +

    attribute: data-on-reorder-rows-drag

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    Pass a function that will be called when the user starts dragging. The function takes 1 parameter: the row which the user has started to drag.

    +
  • +
  • +

    Default: empty function

    +
  • +
+ +

onReorderRowsDrop

+ +
    +
  • +

    attribute: data-on-reorder-rows-drop

    +
  • +
  • +

    type: Function

    +
  • +
  • +

    Detail:

    + +

    Pass a function that will be called when the row is dropped. The function takes 1 parameter: the row that was dropped.

    +
  • +
  • +

    Default: empty function

    +
  • +
+ +

dragHandle

+ +
    +
  • +

    attribute: data-drag-handle

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    This is the cursor element.

    + +

    Note: This option is mainly used to adapt to the TableDnD plugin. Under no special circumstances, please do not modify the default value.

    +
  • +
  • +

    Default: >tbody>tr>td:not(.bs-checkbox)

    +
  • +
+ +

useRowAttrFunc

+ +
    +
  • +

    attribute: data-use-row-attr-func

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    This function must be used if your tr elements won’t have the id attribute. If your tr elements don’t have the id attribute this plugin doesn’t fire the onDrop event.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Events

+ +

onReorderRow(reorder-row.bs.table)

+ +

Fired when the row was dropped, receives two parameters:

+
    +
  • The new table data
  • +
  • The dropped row
  • +
  • The row of the old position
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/resizable/index.html b/versions/1.23.5/docs/extensions/resizable/index.html new file mode 100644 index 0000000000..97bf1943f5 --- /dev/null +++ b/versions/1.23.5/docs/extensions/resizable/index.html @@ -0,0 +1,457 @@ + + + + + + + + + + + + +Table Resizable · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Resizable +

+
+

Table Resizable extension of Bootstrap Table.

+
+ +

Dependence: jquery-resizable-columns v0.2.3

+ +

Usage

+ +
<script src="extensions/resizable/bootstrap-table-resizable.js"></script>
+ +

Example

+ +

Resizable

+ +

Options

+ +

resizable

+ +
    +
  • +

    attribute: data-resizable

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow the resize in each column.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

Known issues

+ +
    +
  • This plugin does not work when the height is set.
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/sticky-header/index.html b/versions/1.23.5/docs/extensions/sticky-header/index.html new file mode 100644 index 0000000000..680c87e478 --- /dev/null +++ b/versions/1.23.5/docs/extensions/sticky-header/index.html @@ -0,0 +1,511 @@ + + + + + + + + + + + + +Table Sticky Header · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Sticky Header +

+
+

Table Sticky Header extension of Bootstrap Table.

+
+ +

This is an extension that provides a sticky header for the table when scrolling.

+ +

Usage

+ +
<link rel="stylesheet" href="extensions/sticky-header/bootstrap-table-sticky-header.css">
+<script src="extensions/sticky-header/bootstrap-table-sticky-header.js"></script>
+ +

Example

+ +

Sticky Header

+ +

Options

+ + + +
    +
  • +

    attribute: data-sticky-header

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to use a sticky header.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

stickyHeaderOffsetLeft

+ +
    +
  • +

    attribute: data-sticky-header-offset-left

    +
  • +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    Set the left offset of the sticky header container. If the body padding left is 60px, this value would be 60.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

stickyHeaderOffsetRight

+ +
    +
  • +

    attribute: data-sticky-header-offset-right

    +
  • +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    Set the right offset of the sticky header container. If the body padding right is 60px, this value would be 60.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +

stickyHeaderOffsetY

+ +
    +
  • +

    attribute: data-sticky-header-offset-y

    +
  • +
  • +

    type: Number

    +
  • +
  • +

    Detail:

    + +

    Set the Y offset from the top of the window to pin the sticky header. If there is a fixed navigation bar with a height of 60px, this value would be 60.

    +
  • +
  • +

    Default: 0

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/toolbar/index.html b/versions/1.23.5/docs/extensions/toolbar/index.html new file mode 100644 index 0000000000..c4802fd526 --- /dev/null +++ b/versions/1.23.5/docs/extensions/toolbar/index.html @@ -0,0 +1,555 @@ + + + + + + + + + + + + +Table Toolbar · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Toolbar +

+
+

Table Toolbar extension of Bootstrap Table.

+
+ +

Usage

+ +
<script src="extensions/toolbar/bootstrap-table-toolbar.js"></script>
+ +

Example

+ +

Advanced Toolbar

+ +

Options

+ +

advancedSearch

+ +
    +
  • +

    attribute: data-advanced-search

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to allow the advanced search.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

actionForm

+ +
    +
  • +

    attribute: data-action-form

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the action of the form (pop-up).

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

idForm

+ +
    +
  • +

    attribute: data-id-form

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Must be set to know the id form.

    +
  • +
  • +

    Default: advancedSearch

    +
  • +
+ +

idTable

+ +
    +
  • +

    attribute: data-id-table

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the id of the table to create the pop-up form. Required.

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

Events

+ +

onColumnAdvancedSearch(column-advanced-search.bs.table)

+ +
    +
  • Fired when we are searching into the advanced search form.
  • +
+ +

Localizations

+ +

formatAdvancedCloseButton

+ +
    +
  • +

    Detail:

    + +

    Text of the close button

    +
  • +
  • +

    Default: function () { return "Close" }

    +
  • +
+ +

formatAdvancedSearch

+ +
    +
  • +

    Detail:

    + +

    Title of the advanced search modal

    +
  • +
  • +

    Default: function () { return "Advanced search" }

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/extensions/treegrid/index.html b/versions/1.23.5/docs/extensions/treegrid/index.html new file mode 100644 index 0000000000..398fbba62d --- /dev/null +++ b/versions/1.23.5/docs/extensions/treegrid/index.html @@ -0,0 +1,530 @@ + + + + + + + + + + + + +Table Treegrid · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Table Treegrid +

+
+

Table Treegrid extension of Bootstrap Table.

+
+ +

Dependence: jquery-treegrid v0.3.0

+ +

Usage

+ +
<script src="extensions/treegrid/bootstrap-table-treegrid.js"></script>
+ +

Example

+ +

Treegrid

+ +

Options

+ +

treeEnable

+ +
    +
  • +

    attribute: data-tree-enable

    +
  • +
  • +

    type: Boolean

    +
  • +
  • +

    Detail:

    + +

    Set true to enable the tree grid.

    +
  • +
  • +

    Default: false

    +
  • +
+ +

idField

+ +
    +
  • +

    attribute: data-id-field

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Overwrite the default idField to 'id'.

    +
  • +
  • +

    Default: 'id'

    +
  • +
+ +

parentIdField

+ +
    +
  • +

    attribute: data-parent-id-field

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the parent id field.

    +
  • +
  • +

    Default: 'pid'

    +
  • +
+ +

treeShowField

+ +
    +
  • +

    attribute: data-tree-show-field

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the treeShowField will auto enable the tree grid.

    +
  • +
  • +

    Default: ''

    +
  • +
+ +

rootParentId

+ +
    +
  • +

    attribute: data-root-parent-id

    +
  • +
  • +

    type: String

    +
  • +
  • +

    Detail:

    + +

    Set the root parent id.

    +
  • +
  • +

    Default: null

    +
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/faq/index.html b/versions/1.23.5/docs/faq/index.html new file mode 100644 index 0000000000..af5cd053ff --- /dev/null +++ b/versions/1.23.5/docs/faq/index.html @@ -0,0 +1,459 @@ + + + + + + + + + + + + +FAQ · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + +
+
+ + View on GitHub + +

+ FAQ +

+
+

Frequently Asked Questions.

+
+ +

When resizing the window, the table header does not adjust automatically, how to solve it?

+ +

When you set the height of the bootstrap table, the fixed header feature is automatically enabled, that is what causes the problem, you need to listen to the resize event of the window and use the resetView method to solve this problem, code example:

+ +
$(function () {
+  $('#tableId').bootstrapTable() // init via javascript
+
+  $(window).resize(function () {
+    $('#tableId').bootstrapTable('resetView')
+  })
+})
+
+ +
+ +

How to better merge cells?

+ +

For merged cells, when you do refresh, next page or switch columns to show, the merge cells will be unmerged. We can listen the events(on load success, on column switch, on page change and on search) to solve this problem, code example:

+ +
$table.on('load-success.bs.table column-switch.bs.table page-change.bs.table search.bs.table', function () {
+  $table.bootstrapTable('mergeCells', {...})
+})
+
+ +
+ +

Is event parameter put in the wrong order?

+ +

When you use like this:

+ +
$('#eventsTable').on('click-row.bs.table', function (event, row, $element) {
+
+})
+
+ +

the first parameter is always event: https://live.bootstrap-table.com/code/wenzhixin/46

+ +

and use onClickRow event:

+ +
onClickRow: function (row, $element) {
+
+}
+
+ +
+ +

How can I support the development of bootstrap-table?

+ +

All your ideas and feedback are very appreciated! Please feel free to open issues on GitHub or send me an email.

+ +

I’m also grateful for your donations: https://opencollective.com/bootstrap-table.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/getting-started/browsers-devices/index.html b/versions/1.23.5/docs/getting-started/browsers-devices/index.html new file mode 100644 index 0000000000..2ae09f3b75 --- /dev/null +++ b/versions/1.23.5/docs/getting-started/browsers-devices/index.html @@ -0,0 +1,438 @@ + + + + + + + + + + + + +Browsers and devices · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Browsers and devices +

+
+

Learn about the browsers and devices, from modern to old, that are supported by Bootstrap Table, including known quirks and bugs for each.

+
+ +

Supported browsers

+ +

Bootstrap Table supports the latest, stable releases of all major browsers and platforms. On Windows, we support Internet Explorer 10-11 / Microsoft Edge.

+ +

Alternative browsers which use the latest version of WebKit, Blink, or Gecko, whether directly or via the platform’s web view API, are not explicitly supported. However, Bootstrap Table should (in most cases) display and function correctly in these browsers. More specific support information is provided below.

+ +

You can find our supported range of browsers and their versions in our .browserslistrc file:

+ +
# https://github.com/browserslist/browserslist#readme
+
+>= 1%
+last 1 major version
+not dead
+Chrome >= 45
+Firefox >= 38
+Edge >= 12
+Explorer >= 10
+iOS >= 9
+Safari >= 9
+Android >= 4.4
+Opera >= 30
+
+ +

Because Bootstrap Table is designed for Bootstrap, we will try to be consistent with Bootstrap in browsers and devices compatibility. You can check out the browsers-devices of Bootstrap for more detail.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/getting-started/build-tools/index.html b/versions/1.23.5/docs/getting-started/build-tools/index.html new file mode 100644 index 0000000000..54ce75a990 --- /dev/null +++ b/versions/1.23.5/docs/getting-started/build-tools/index.html @@ -0,0 +1,479 @@ + + + + + + + + + + + + +Build tools · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Build tools +

+
+

Learn how to use Bootstrap Table’s included npm scripts to build our documentation, compile source code, and more.

+
+ +

Tooling setup

+ +

Bootstrap Table uses NPM scripts for its build system. Our package.json includes convenient methods for working with the framework, including linting code, compiling code, and more.

+ +

To use our build system and run our documentation locally, you’ll need a copy of Bootstrap Table’s source files and Node. Follow these steps, and you should be ready to rock:

+ +
    +
  1. Download and install Node.js, which we use to manage our dependencies.
  2. +
  3. Navigate to the root /bootstrap-table directory and run npm install to install our local dependencies listed in package.json.
  4. +
  5. Install Ruby, install Bundler with gem install bundler, and finally run bundle install. It will install all Ruby dependencies, such as Jekyll and plugins. +
      +
    • Windows users: Read this guide to get Jekyll up and running without problems.
    • +
    +
  6. +
+ +

When completed, you’ll be able to run the various commands provided from the command line.

+ +

Using NPM scripts

+ +

Our package.json includes the following commands and tasks:

+ + + + + + + + + + + + + + + + + + + + + + +
TaskDescription
npm run buildnpm run build creates the /dist directory with compiled files.
npm run lintLints CSS and JavaScript for /src directory.
npm run docsBuilds and lints CSS and JavaScript for docs. You can then run the documentation locally via npm run docs-serve.
+ +

Run npm run to see all the npm scripts.

+ +

Local documentation

+ +

Running our documentation locally requires the use of Jekyll, a decently flexible static site generator that provides us: basic includes, Markdown-based files, templates, and more. Here’s how to get it started:

+ +
    +
  1. Run through the tooling setup above to install Jekyll (the site builder) and other Ruby dependencies with bundle install.
  2. +
  3. From the root /bootstrap-table directory, run npm run docs-serve in the command line.
  4. +
  5. Open http://localhost:9001 in your browser, and voilà.
  6. +
+ +

Learn more about using Jekyll by reading its documentation.

+ +

Troubleshooting

+ +

If you encounter installing dependencies, uninstall all previous dependency versions (global and local). Then, rerun npm install.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/getting-started/contents/index.html b/versions/1.23.5/docs/getting-started/contents/index.html new file mode 100644 index 0000000000..a9f2d75c4d --- /dev/null +++ b/versions/1.23.5/docs/getting-started/contents/index.html @@ -0,0 +1,443 @@ + + + + + + + + + + + + +Contents · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Contents +

+
+

The Bootstrap Table source code download includes the precompiled CSS, JavaScript, locales, extensions and provides both compiled and minified variations, along with documentation.

+
+ +

Precompiled Bootstrap Table

+ +

More specifically, it includes the following and more:

+ +
bootstrap-table/
+└── dist/
+    ├── extensions/
+    ├── locale/
+    ├── bootstrap-table-locale-all.js
+    ├── bootstrap-table-locale-all.min.js
+    ├── bootstrap-table.css
+    ├── bootstrap-table.min.css
+    ├── bootstrap-table.js
+    └── bootstrap-table.min.js
+ +

The dist/ folder includes everything compiled and minified with src/. For ease of use, we also compile all locale files into one file bootstrap-table-locale-all.js.

+ +

Source Code

+ +
bootstrap-table/
+├── site/
+└── src/
+    ├── extensions/
+    ├── locale/
+    ├── bootstrap-table.css
+    └── bootstrap-table.js
+ +

The src/, locale/, and extensions/ are the source code for our CSS, JS. The site/ folder includes the source code for our documentation. Beyond that, any other included file supports packages, license information, and development.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/getting-started/download/index.html b/versions/1.23.5/docs/getting-started/download/index.html new file mode 100644 index 0000000000..5a6ae5ec7e --- /dev/null +++ b/versions/1.23.5/docs/getting-started/download/index.html @@ -0,0 +1,458 @@ + + + + + + + + + + + + +Download · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Download +

+
+

Download Bootstrap Table to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, bowser, and more.

+
+ +

Source code

+ +

Source CSS, JavaScript, locales, and extensions, along with our docs.

+ +

Download source

+ +

Clone or fork via GitHub

+ +

Via GitHub

+ +

UNPKG

+ +

The folks over at UNPKG graciously provide CDN support for CSS and JavaScript of Bootstrap table. Just use these links.

+ +
<!-- Latest compiled and minified CSS -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+
+<!-- Latest compiled and minified JavaScript -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+<!-- Latest compiled and minified Locales -->
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/locale/bootstrap-table-zh-CN.min.js"></script>
+ +

Package managers

+ +

NPM

+ +

Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using npm.

+ +
npm install bootstrap-table
+ +

bower

+ +

Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using bower.

+ +
bower install bootstrap-table
+ + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/getting-started/introduction/index.html b/versions/1.23.5/docs/getting-started/introduction/index.html new file mode 100644 index 0000000000..912965a63a --- /dev/null +++ b/versions/1.23.5/docs/getting-started/introduction/index.html @@ -0,0 +1,508 @@ + + + + + + + + + + + + +Introduction · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Introduction +

+
+

An overview of Bootstrap Table, how to download and use, basic templates, and more.

+
+ +

Quick Start

+ +

Looking to quickly add Bootstrap Table to your Bootstrap v5 project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Bootstrap.js, and then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and a viewport meta tag for proper responsive behaviors.

+ +

For Bootstrap v5, we use Bootstrap Icons as the default icons, so we need to import the Bootstrap Icons link.

+ +

Put it all together, and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Hello, Bootstrap Table!</title>
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/getting-started/usage/index.html b/versions/1.23.5/docs/getting-started/usage/index.html new file mode 100644 index 0000000000..f2b8776638 --- /dev/null +++ b/versions/1.23.5/docs/getting-started/usage/index.html @@ -0,0 +1,531 @@ + + + + + + + + + + + + +Usage · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Usage +

+
+

The Bootstrap Table plugin displays data in a tabular format, via data attributes or JavaScript.

+
+ +

Via data attributes

+ +
<table data-toggle="table">
+  <thead>
+    <tr>
+      <th>Item ID</th>
+      <th>Item Name</th>
+      <th>Item Price</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>1</td>
+      <td>Item 1</td>
+      <td>$1</td>
+    </tr>
+    <tr>
+      <td>2</td>
+      <td>Item 2</td>
+      <td>$2</td>
+    </tr>
+  </tbody>
+</table>
+ +

We can also use remote URL data by setting data-url="data1.json" on a normal table.

+ +
<table
+  data-toggle="table"
+  data-url="data1.json">
+  <thead>
+    <tr>
+      <th data-field="id">Item ID</th>
+      <th data-field="name">Item Name</th>
+      <th data-field="price">Item Price</th>
+    </tr>
+  </thead>
+</table>
+ +

You can also add pagination, search, and sorting to a table like the following table.

+ +
<table
+  data-toggle="table"
+  data-url="data1.json"
+  data-pagination="true"
+  data-search="true">
+  <thead>
+    <tr>
+      <th data-sortable="true" data-field="id">Item ID</th>
+      <th data-field="name">Item Name</th>
+      <th data-field="price">Item Price</th>
+    </tr>
+  </thead>
+</table>
+ +

Via JavaScript

+ +

Call a bootstrap table with id table via JavaScript.

+ +
<table id="table"></table>
+ +
$('#table').bootstrapTable({
+  columns: [{
+    field: 'id',
+    title: 'Item ID'
+  }, {
+    field: 'name',
+    title: 'Item Name'
+  }, {
+    field: 'price',
+    title: 'Item Price'
+  }],
+  data: [{
+    id: 1,
+    name: 'Item 1',
+    price: '$1'
+  }, {
+    id: 2,
+    name: 'Item 2',
+    price: '$2'
+  }]
+})
+ +

We can also use remote URL data by setting url: 'data1.json'.

+ +
$('#table').bootstrapTable({
+  url: 'data1.json',
+  columns: [{
+    field: 'id',
+    title: 'Item ID'
+  }, {
+    field: 'name',
+    title: 'Item Name'
+  }, {
+    field: 'price',
+    title: 'Item Price'
+  }]
+})
+ +

You can also add pagination, search, and sorting to a table like the following table.

+ +
$('#table').bootstrapTable({
+  url: 'data1.json',
+  pagination: true,
+  search: true,
+  columns: [{
+    field: 'id',
+    title: 'Item ID'
+  }, {
+    field: 'name',
+    title: 'Item Name'
+  }, {
+    field: 'price',
+    title: 'Item Price'
+  }]
+})
+ + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/index.html b/versions/1.23.5/docs/index.html new file mode 100644 index 0000000000..25349b64ef --- /dev/null +++ b/versions/1.23.5/docs/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/docs/online-editor/index.html b/versions/1.23.5/docs/online-editor/index.html new file mode 100644 index 0000000000..f9bd4a30f3 --- /dev/null +++ b/versions/1.23.5/docs/online-editor/index.html @@ -0,0 +1,518 @@ + + + + + + + + + + + + +Online Editor · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Online Editor +

+
+

Online Editor Explanation.

+
+ +

This page explains how to use our Online Editor.

+ +

The Online Editor should be used for each issue and pull request!

+ +

+ +

How to log in

+ +

The login is quite easy, just press the Sign in with GitHub button on the top right and login via GitHub.

+ +

Base functionality and page structure

+ +

Our online editor was designed to create easy examples/demos for the bootstrap-table.

+ +

The page is structured as follows:

+ +

Top Navbar

+ +

We have 5 buttons:

+ +
    +
  • Run: The Run button shows the current version of your example.
  • +
  • Save: The Save button saves your example. After you pressed save, the URL will be changed e.g. https://live.bootstrap-table.com/code/<username>/<ID>.
  • +
  • Libraries: This button will open a configuration page. On this page you can configure the environment of the example: +
      +
    • Bootstrap Table source: This option defines which source of the version (CDN or from GitHub as source) should be used. If you choose From GitHub src you can set a branch that will be used for the example. For Issues, you normally always use From Released CDN.
    • +
    • Release CDN version: Here you can choose the version of the bootstrap-table to create an example for older bootstrap-table versions.
    • +
    • Theme: Here you can choose between our supported themes e.g. to show an issue with a certain theme.
    • +
    • Extensions: If you explain to use an extension, you can select it here easily. This means you don’t have to include it yourself on the example!
    • +
    +
  • +
  • Load Examples: This option opens a page, here you can load existing examples (Its a “mirror” of our examples page).
  • +
  • Links: The last button just holds some links e.g. to our website, GitHub page, etc.
  • +
+ +

Left Side

+ +

You can write your examples. Including HTML, CSS and JavaScript (css and javascript needs a <style></style> and/or <script></script> tag!

+ +

The basic template is:

+
<!-- Includes custom css and js files -->
+<link rel="stylesheet" href="https://example.com/custom.css">
+<script src="https://example.com/custom.js"></script>
+
+<!-- Define custom style -->
+<style>
+</style>
+
+<!-- No need to write <html> and <body> tags -->
+<table id="table">
+</table>
+
+<script>
+  $(function () {
+    $('#table').bootstrapTable()
+  })
+</script>
+
+ +

Note: You need to put the initialization function in $(function () {}) to ensure that jquery and bootstrap-table have been loaded.

+ +

Right Side

+ +

You can see your running example (after pressing on the Run button).

+ +

You can also click the Result (Fullscreen) to toggle the fullscreen of the running example.

+ +

Workflow for Issues

+ +

Each issue should contain an example (created on the Online Editor) of the problem.

+ +
    +
  1. Open the online editor.
  2. +
  3. Go to the Libraries page and configure the environment of the example. +
      +
    • Version
    • +
    • Theme
    • +
    • Extensions
    • +
    +
  4. +
  5. Write down your example (or copy it from your local project).
  6. +
  7. Check if you can reproduce your issue on the example.
  8. +
  9. Save the example (press on the Save button) and copy the URL.
  10. +
  11. Open an issue with the URL to the example.
  12. +
+ +

(Maybe you also can use our Load Examples button to load an existing example, instead of point 2 and 3).

+ +

Workflow for Pull requests

+ +

The workflow for PR’s is quite similar to the workflow for Issues.

+ +

The only difference is that you have to choose your branch (The editor will use your code to create the example). For that, you have to open the Libraries page, select From GitHub src on the Bootstrap Table source option and write your branch name in the GitHub src branch input. +The syntax for the branch name is <username>:<branch>. You also can copy that string from the pull request page. +

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/vuejs/browser/index.html b/versions/1.23.5/docs/vuejs/browser/index.html new file mode 100644 index 0000000000..76aa56cd1e --- /dev/null +++ b/versions/1.23.5/docs/vuejs/browser/index.html @@ -0,0 +1,622 @@ + + + + + + + + + + + + +Browser · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Browser +

+
+

Learn how to use Bootstrap Table Vue Component in your project using the browser.

+
+ +

VueJS JavaScript

+ +

In addition to the files that Quick Start mentions, you also need to include our vue component file.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table-vue.umd.js"></script>
+ +

Usage

+ +
<div id="app">
+  <bootstrap-table :columns="columns" :data="data" :options="options"></bootstrap-table>
+</div>
+
+<script>
+  const { createApp, ref } = Vue
+  const app = createApp({
+    setup () {
+      const columns = ref([
+        {
+          field: 'state',
+          checkbox: true
+        },
+        {
+          title: 'Item ID',
+          field: 'id'
+        },
+        {
+          field: 'name',
+          title: 'Item Name'
+        },
+        {
+          field: 'price',
+          title: 'Item Price'
+        },
+        {
+          field: 'action',
+          title: 'Actions',
+          align: 'center',
+          formatter () {
+            return '<a href="javascript:" class="like"><i class="fa fa-star"></i></a>'
+          },
+          events: {
+            'click .like' (e, value, row) {
+              alert(JSON.stringify(row))
+            }
+          }
+        }
+      ])
+      const data = ref([
+        {
+          id: 0,
+          name: 'Item 0',
+          price: '$0'
+        },
+        {
+          id: 1,
+          name: 'Item 1',
+          price: '$1'
+        },
+        {
+          id: 2,
+          name: 'Item 2',
+          price: '$2'
+        },
+        {
+          id: 3,
+          name: 'Item 3',
+          price: '$3'
+        },
+        {
+          id: 4,
+          name: 'Item 4',
+          price: '$4'
+        },
+        {
+          id: 5,
+          name: 'Item 5',
+          price: '$5'
+        }
+      ])
+      const options = ref({
+        search: true,
+        showColumns: true
+      })
+
+      return {
+        columns,
+        data,
+        options
+      }
+    }
+  })
+
+  app.component('BootstrapTable', BootstrapTable)
+  app.mount('#app')
+</script>
+ +

Starter template

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Hello, Bootstrap Table!</title>
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+  </head>
+  <body>
+    <div id="app">
+      <bootstrap-table :columns="columns" :data="data" :options="options"></bootstrap-table>
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table-vue.umd.js"></script>
+    <script>
+      const { createApp, ref } = Vue
+      const app = createApp({
+        setup () {
+          const columns = ref([
+            {
+              field: 'state',
+              checkbox: true
+            },
+            {
+              title: 'Item ID',
+              field: 'id'
+            },
+            {
+              field: 'name',
+              title: 'Item Name'
+            },
+            {
+              field: 'price',
+              title: 'Item Price'
+            },
+            {
+              field: 'action',
+              title: 'Actions',
+              align: 'center',
+              formatter () {
+                return '<a href="javascript:" class="like"><i class="fa fa-star"></i></a>'
+              },
+              events: {
+                'click .like' (e, value, row) {
+                  alert(JSON.stringify(row))
+                }
+              }
+            }
+          ])
+          const data = ref([
+            {
+              id: 0,
+              name: 'Item 0',
+              price: '$0'
+            },
+            {
+              id: 1,
+              name: 'Item 1',
+              price: '$1'
+            },
+            {
+              id: 2,
+              name: 'Item 2',
+              price: '$2'
+            },
+            {
+              id: 3,
+              name: 'Item 3',
+              price: '$3'
+            },
+            {
+              id: 4,
+              name: 'Item 4',
+              price: '$4'
+            },
+            {
+              id: 5,
+              name: 'Item 5',
+              price: '$5'
+            }
+          ])
+          const options = ref({
+            search: true,
+            showColumns: true
+          })
+
+          return {
+            columns,
+            data,
+            options
+          }
+        }
+      })
+
+      app.component('BootstrapTable', BootstrapTable)
+      app.mount('#app')
+    </script>
+  </body>
+</html>
+ + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/vuejs/component/index.html b/versions/1.23.5/docs/vuejs/component/index.html new file mode 100644 index 0000000000..6540d6954d --- /dev/null +++ b/versions/1.23.5/docs/vuejs/component/index.html @@ -0,0 +1,498 @@ + + + + + + + + + + + + +Component · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Component +

+
+

The API of Bootstrap Table Vue Component.

+
+ +

Usage Example

+ +
<BootstrapTable
+  ref="table"
+  :columns="columns"
+  :data="data"
+  :options="options"
+  @on-post-body="onPostBody"
+/>
+ +

Props

+ +

columns

+ +
    +
  • +

    Type: Object

    +
  • +
  • +

    Detail:

    + +

    The column options of Bootstrap Table. This prop is required.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

data

+ +
    +
  • +

    Type: Array | Object

    +
  • +
  • +

    Detail:

    + +

    The data to be loaded.

    +
  • +
  • +

    Default: undefined

    +
  • +
+ +

options

+ +
    +
  • +

    Type: Object

    +
  • +
  • +

    Detail:

    + +

    The table options of Bootstrap Table.

    +
  • +
  • +

    Default: {}

    +
  • +
+ +

Events

+ +

The calling method syntax: @on-event="onEvent".

+ +

All events (without onAll) are defined in Events API.

+ +

Note: you need to convert event name to lowercase + hyphen format, for example: onClickRow should be on-click-row.

+ +

Methods

+ +

The calling method syntax: this.$refs.table.methodName(parameter).

+ +

Example: this.$refs.table.getOptions().

+ +

All methods are defined in Methods API.

+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/vuejs/introduction/index.html b/versions/1.23.5/docs/vuejs/introduction/index.html new file mode 100644 index 0000000000..c545dbe508 --- /dev/null +++ b/versions/1.23.5/docs/vuejs/introduction/index.html @@ -0,0 +1,457 @@ + + + + + + + + + + + + +Introduction · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Introduction +

+
+

An overview of Bootstrap Table Vue Component, how to install and what’s includes vue files.

+
+ +

We have a Bootstrap Table Component for Vue.js 3.0+, and it should be able to work with the full API, the full extensions and the full CSS frameworks.

+ +

Installation

+ +

Dependencies

+ + + +

NPM

+ +

Install and manage Bootstrap table’s CSS, JavaScript, locales, and extensions using npm.

+ +
npm install bootstrap-table
+ +

UNPKG

+ +

The folks over at UNPKG graciously provide CDN support for CSS and JavaScript of Bootstrap table. Just use these links.

+ +
https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5
+ +

Build Files

+ +

dist/ folder includes the following vue component files:

+ +
bootstrap-table/
+└── dist/
+    ├── bootstrap-table-vue.js
+    └── bootstrap-table-vue.umd.js
+ +
    +
  • bootstrap-table-vue.js: ES module builds are intended for use with modern bundlers like webpack or vitejs.
  • +
  • bootstrap-table-vue.umd.js UMD builds can be used directly in the browser via a <script> tag.
  • +
+ +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/docs/vuejs/webpack/index.html b/versions/1.23.5/docs/vuejs/webpack/index.html new file mode 100644 index 0000000000..886e9b5f40 --- /dev/null +++ b/versions/1.23.5/docs/vuejs/webpack/index.html @@ -0,0 +1,585 @@ + + + + + + + + + + + + +Webpack · Bootstrap Table + + + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+ + + + + + +
+
+ + View on GitHub + +

+ Webpack +

+
+

Learn how to use Bootstrap Table Vue Component in your project using webpack.

+
+ +

Importing JavaScript

+ +

Import Bootstrap Table’s JavaScript by adding this line to your app’s entry point (usually index.js or app.js):

+ +
import 'bootstrap-table'
+ +

Of course, you can also import themes, locales or extensions you need:

+ +
// import theme
+import 'bootstrap-table/dist/themes/materialize/bootstrap-table-materialize.min.js'
+
+// import locale
+import 'bootstrap-table/dist/locale/bootstrap-table-zh-CN.min.js'
+
+// import extension and dependencies
+import 'tableexport.jquery.plugin'
+import 'bootstrap-table/dist/extensions/export/bootstrap-table-export.min.js'
+ +

By default, Bootstrap Table is dependent on jQuery, Bootstrap and Popper, these are defined as peerDependencies, this means that you will have to make sure to add both of them to your package.json using npm install --save jquery bootstrap popper.js.

+ +

Importing CSS

+ +

Import Bootstrap Table’s CSS by adding this line to your app’s entry point:

+ +
import 'bootstrap-table/dist/bootstrap-table.min.css'
+ +

Of course, you can also import themes or extensions you need:

+ +
// import theme
+import 'bootstrap-table/dist/themes/materialize/bootstrap-table-materialize.min.css'
+
+// import extension
+import 'bootstrap-table/dist/extensions/fixed-columns/bootstrap-table-fixed-columns.min.css'
+ +

Usage

+ +
<template>
+  <BootstrapTable
+    :columns="columns"
+    :data="data"
+    :options="options"
+  />
+</template>
+
+<script>
+import BootstrapTable from 'bootstrap-table/dist/bootstrap-table-vue.js'
+
+export default {
+  components: {
+    BootstrapTable
+  },
+  data () {
+    return {
+      columns: [
+        {
+          title: 'Item ID',
+          field: 'id'
+        },
+        {
+          field: 'name',
+          title: 'Item Name'
+        },
+        {
+          field: 'price',
+          title: 'Item Price'
+        }
+      ],
+      data: [
+        {
+          id: 1,
+          name: 'Item 1',
+          price: '$1'
+        }
+      ],
+      options: {
+        search: true,
+        showColumns: true
+      }
+    }
+  }
+}
+</script>
+ +

Starter template

+ +

There is an vue-starter example in bootstrap-table-example project.

+ +

plugins/jquery.js

+ +
import jQuery from 'jquery'
+window.jQuery = jQuery
+ +

plugins/table.js

+ +
import 'bootstrap/dist/css/bootstrap.min.css'
+import 'bootstrap-table/dist/bootstrap-table.min.css'
+
+import './jquery.js'
+import Vue from 'vue'
+import 'bootstrap'
+import 'bootstrap-table/dist/bootstrap-table.js'
+import BootstrapTable from 'bootstrap-table/dist/bootstrap-table-vue.esm.js'
+
+Vue.component('BootstrapTable', BootstrapTable)
+ +

main.js

+ +
import './plugins/table.js'
+ +

View.vue

+ +
<template>
+  <BootstrapTable :columns="columns" :data="data" :options="options"></BootstrapTable>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      columns: [
+        {
+          title: 'Item ID',
+          field: 'id'
+        },
+        {
+          field: 'name',
+          title: 'Item Name'
+        }, {
+          field: 'price',
+          title: 'Item Price'
+        }
+      ],
+      data: [
+        {
+          id: 1,
+          name: 'Item 1',
+          price: '$1'
+        },
+        {
+          id: 2,
+          name: 'Item 2',
+          price: '$2'
+        },
+        {
+          id: 3,
+          name: 'Item 3',
+          price: '$3'
+        },
+        {
+          id: 4,
+          name: 'Item 4',
+          price: '$4'
+        },
+        {
+          id: 5,
+          name: 'Item 5',
+          price: '$5'
+        }
+      ],
+      options: {
+        search: true,
+        showColumns: true
+      }
+    }
+  }
+}
+</script>
+ + +
+
+
+ + + + + + + + + + + + + + diff --git a/versions/1.23.5/documentation/index.html b/versions/1.23.5/documentation/index.html new file mode 100644 index 0000000000..548e5ede6a --- /dev/null +++ b/versions/1.23.5/documentation/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/es/documentation/index.html b/versions/1.23.5/es/documentation/index.html new file mode 100644 index 0000000000..548e5ede6a --- /dev/null +++ b/versions/1.23.5/es/documentation/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/es/faq/index.html b/versions/1.23.5/es/faq/index.html new file mode 100644 index 0000000000..dac708a7bd --- /dev/null +++ b/versions/1.23.5/es/faq/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/es/home/index.html b/versions/1.23.5/es/home/index.html new file mode 100644 index 0000000000..861f24f72f --- /dev/null +++ b/versions/1.23.5/es/home/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/es/index.html b/versions/1.23.5/es/index.html new file mode 100644 index 0000000000..861f24f72f --- /dev/null +++ b/versions/1.23.5/es/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/es/online-editor/index.html b/versions/1.23.5/es/online-editor/index.html new file mode 100644 index 0000000000..f8eac7251a --- /dev/null +++ b/versions/1.23.5/es/online-editor/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/faq/index.html b/versions/1.23.5/faq/index.html new file mode 100644 index 0000000000..dac708a7bd --- /dev/null +++ b/versions/1.23.5/faq/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/favicon.png b/versions/1.23.5/favicon.png new file mode 100644 index 0000000000..360551a5a5 Binary files /dev/null and b/versions/1.23.5/favicon.png differ diff --git a/versions/1.23.5/getting-started/index.html b/versions/1.23.5/getting-started/index.html new file mode 100644 index 0000000000..25349b64ef --- /dev/null +++ b/versions/1.23.5/getting-started/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/home/index.html b/versions/1.23.5/home/index.html new file mode 100644 index 0000000000..861f24f72f --- /dev/null +++ b/versions/1.23.5/home/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/index.html b/versions/1.23.5/index.html new file mode 100644 index 0000000000..e1f8ea76c8 --- /dev/null +++ b/versions/1.23.5/index.html @@ -0,0 +1,352 @@ + + + + + + + + + + + + +Bootstrap Table · An extended table to the integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation) + + + + + + + + + + + + + + + + + Skip to main content + + + + + + +
+
+
+
+ +
+
+

+ Bootstrap Table +

+

+ An extended table to the integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation) +

+ +

+ Currently1.23.5 +

+
+ +
+
+
+
+ +
+
+ +

+Installation

+

Include Bootstrap Table source CSS and JavaScript files via npm or yarn.

+ +
npm install bootstrap-table
+yarn add bootstrap-table
+ +
+ + Read installation docs + +
+ +
+ +

+CDN

+

When you only need to include Bootstrap Table’s compiled CSS or JS, use UNPKG.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+ +
+ + Explore the docs + +
+ +
+ +

+Examples

+

+ The examples of bootstrap table. +

+ +
+ + Browse Examples + +
+ + + +
+
+

Support the Team

+ +
+ Through contributions, donations, and sponsorship, you allow bootstrap-table to thrive. +
+
+ + +
+ + + + + +
+
+
+

Subscribe our News

+
+ +
+ +
+
+ + + +
+ + +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + diff --git a/versions/1.23.5/news/index.html b/versions/1.23.5/news/index.html new file mode 100644 index 0000000000..3bf542c79e --- /dev/null +++ b/versions/1.23.5/news/index.html @@ -0,0 +1,1260 @@ + + + + + + + + + + + + +News · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

News

+

News and announcements for all things Bootstrap Table, including new releases.

+
+
+ +
+

Bootstrap Table 1.23.5

+ +

+ +

Bootstrap Table 1.23.4

+ +

+ +

Bootstrap Table 1.23.3

+ +

+ +

Bootstrap Table 1.23.2

+ +

+ +

Bootstrap Table 1.23.1

+ +

+ +

Bootstrap Table 1.23.0

+ +

+ +

Core

+ +
    +
  • New: Add support for vue3 instead of vue2.
  • +
  • Update: Fixed getData with formatted data bug when a column is missing.
  • +
  • Update: Fixed toggleColumn exception when the field does not exist.
  • +
  • Update: Fixed vue component init twice when options and columns both changed.
  • +
+ +

Extensions

+ +
    +
  • New(addrbar): Added addrCustomParams option for custom parameters.
  • +
  • New(filter-control): Added filterControlSearchClear option to stop clearing the filters when using showSearchButton option.
  • +
  • Update(filter-control): Fixed error with clear filters button when not enabled cookie extension.
  • +
  • Update(filter-control): Fixed bug with enabled cookie extension using localStorage.
  • +
  • Update(multiple-sort): Fixed not trigger event bug when using server-side pagination.
  • +
+ +

Bootstrap Table 1.22.6

+ +

+ +

Extensions

+ +
    +
  • Update(cookie): Fixed cookie does not work bug with pagination ALL list.
  • +
  • Update(editable): Fixed the formatter function does not include the field parameter bug.
  • +
  • Update(toolbar): Fixed toolbar display bug when using an HTML title.
  • +
  • Update(toolbar): Fixed toolbar does not update bug when column visible updated.
  • +
  • Update(toolbar): Fixed toolbar does not update bug when the locale is changed.
  • +
+ +

Bootstrap Table 1.22.5

+ +

+ +

Core

+ +
    +
  • New: Added sl-SI locales.
  • +
  • New: Added support for HTML to the updateColumnTitle method.
  • +
  • Update: Fixed the getRowByUniqueId bug when uniqueId is of mixed data formats.
  • +
  • Update: Fixed not triggering sort event bug using server-side pagination.
  • +
  • Update: Fixed custom iconPrefix and icons bugs.
  • +
  • Update: Fixed virtual scroll cannot work bug in modal.
  • +
+ +

Extensions

+ +
    +
  • Update(multiple-sort): Fixed the duplicated ID bug in the multiple-sort extension.
  • +
+ +

Bootstrap Table 1.22.4

+ +

+ +

Core

+ +
    +
  • New: Added paginationLoadMore option.
  • +
  • Update: Fixed change visibility of multiple headers with the same index.
  • +
  • Update: Fixed footer height bug when setting table-sm.
  • +
  • Update: Fixed the locale not changed bug using the refreshOptions method.
  • +
  • Update: Fixed custom iconPrefix and icons bugs.
  • +
  • Update: Updated vi-VN, zh-CN and zh-TW locales.
  • +
+ +

Extensions

+ +
    +
  • New(copy-rows): Added copyRowsHandler option to handle the copy rows data.
  • +
  • New(print): Added printStyles option.
  • +
  • Update(export): Updated the trigger timing for export-started.
  • +
  • Update(multiple-sort): Fixed the missing parameters error of the sorter function.
  • +
  • Update(pipeline): Fixed loading message not display bug.
  • +
+ +

Bootstrap Table 1.22.3

+ +

+ +

Core

+ +
    +
  • New: Added fixedScroll option.
  • +
  • New: Added support for setting icons automatically by iconsPrefix.
  • +
  • Update: Fixed search bug when the field has . character.
  • +
  • Update: Updated tr-TR, es-ES, pt-BR and pt-PT locales.
  • +
+ +

Extensions

+ +
    +
  • New(addrbar): Fixed addrbar bug when using sortReset option.
  • +
  • Update(jump-to): Fixed page jump to bug when using both pagination display.
  • +
  • Update(print): Fixed print bug when field is not set.
  • +
+ +

Bootstrap Table 1.22.2

+ +

+ +

Core

+ +
    +
  • New: Added footerStyle column option.
  • +
  • Update: Fixed empty style in header and footer bug.
  • +
  • Update: Fixed the trigger order of sort event.
  • +
  • Update: Updated ar-SA locale.
  • +
+ +

Extensions

+ +
    +
  • New(cookie): Added cookie support for custom view extension.
  • +
  • Update(cookie): Fixed cookie bug when using cardView option.
  • +
  • Update(cookie): Fixed cookie bug with column switchable.
  • +
  • Update(editable): Fixed export-saved event error when exportDataType is all.
  • +
  • Update(filter-control): Fixed searchAccentNeutralise option not work.
  • +
  • Update(filter-control): Fixed filterOrderBy not work bug for select.
  • +
  • Update(group-by): Fixed group by bug when using singleSelect option.
  • +
  • Update(reorder-rows): Fixed reorder bug when using pagination.
  • +
+ +

Documentation

+ +
    +
  • Update: Improved the parameter of updateCellByUniqueId method.
  • +
  • Update: Improved the print docs.
  • +
+ +

Bootstrap Table 1.22.1

+ +

+ +

Core

+ +
    +
  • Update: Fixed maximum call stack size exceeded error.
  • +
  • Update: Updated ca-ES locale.
  • +
+ +

Bootstrap Table 1.22.0

+ +

+ +

Core

+ +
    +
  • New: Added sortBy method.
  • +
  • New: Added switchableLabel column option.
  • +
  • New: Added support for class attribute in toolbar buttons.
  • +
  • Update: Removed title from columns button.
  • +
+ +

Extensions

+ +
    +
  • Update(addrbar): Fixed clear search bug when clicking clearSearch button.
  • +
  • Update(filter-control): Fixed pagination server side not working bug.
  • +
+ +

Bootstrap Table 1.21.4

+ +

+ +

Core

+ +
    +
  • New: Added searchable table option to enable sending searchable (columns) parameters.
  • +
  • Update: Fixed Maximum call stack size exceeded error.
  • +
  • Update: Fixed getData bug with hidden rows.
  • +
  • Update: Added support for select form to the searchSelector option.
  • +
+ +

Extensions

+ +
    +
  • Update(filter-control): Fixed inputs losing their content when using nested attributes.
  • +
  • Update(reorder-rows): Fixed reorder row bug when side-pagination is server.
  • +
+ +

Bootstrap Table 1.21.3

+ +

+ +

Core

+ +
    +
  • New: Added escapeTitle table option.
  • +
  • New: Added Aria Label to the search input for screen readers.
  • +
  • New: Persist data attributes for the header(th).
  • +
  • Update: Fixed wrong condition for searching with server-side pagination.
  • +
  • Update: Fixed overwriting the filterOptions after rebuild.
  • +
  • Update: Fixed apostrophe issue when table via html.
  • +
  • Update: Updated extend util instead of $.extend.
  • +
  • Update: Updated Constructor.EVENTS to events.
  • +
  • Update: Updated packages to the latest version.
  • +
+ +

Extensions

+ +
    +
  • Update(cookie): Fixed issue with hidden and radio/checkbox columns.
  • +
  • Update(export): Fixed exportTypes option not working bug.
  • +
  • Update(filter-control): Fixed selector scope issues with multiple tables.
  • +
  • Update(filter-control): Fixed filtering values issue of select with html value.
  • +
  • Update(reorder-columns): Fixed same internal function name with reorder-rows.
  • +
  • Update(treegrid): Fixed treegrid not working when id is text.
  • +
+ +

Bootstrap Table 1.21.2

+ +

+ +

Core

+ +
    +
  • New: Added sortResetPage option to reset the page number when sorting.
  • +
  • Update: Fixed overwrite default option bug.
  • +
  • Update: Updated es-ES, es-CR locale.
  • +
  • Update: Improved scss style and lint.
  • +
  • Update: Used scss vars for sorting background image URLs.
  • +
+ +

Extensions

+ +
    +
  • New(custom-view): Added onToggleCustomView event.
  • +
  • Update(cookie): Fixed cookie name compare bug on using cookiesEnabled option.
  • +
  • Update(custom-view): Fixed showCustomView option cannot work.
  • +
  • Update(filter-control): Fixed bug while using a select filter and set searchFormatter to false.
  • +
  • Update(filter-control): Fixed missing class when specifying iconSize.
  • +
  • Update(reorder-rows): Updated default value to reorder-rows-on-drag-class of onDragClass option.
  • +
+ +

Bootstrap Table 1.21.1

+ +

+ +

Core

+ +
    +
  • Update: Improved updateCell to update one HTML cell only.
  • +
  • Update: Updated fr-FR locale.
  • +
  • Update: Added missing locales for aria-label.
  • +
+ +

Extensions

+ +
    +
  • Update(export): Added missing locales for aria-label.
  • +
+ +

Bootstrap Table 1.21.0

+ +

+ +

Core

+ +
    +
  • New: Added sortEmptyLast option to allow sorting empty data.
  • +
  • Update: Fixed bug on nested search with null child.
  • +
  • Update: Fixed detail view with filter click error.
  • +
  • Update: Fixed header does not center correctly for the sortable column.
  • +
  • Update: Fixed regexpCompare bug when filtering columns.
  • +
  • Update: Fixed showToggle title display error.
  • +
  • Update: Fixed remove and removeByUniqueId using object param bug.
  • +
  • Update: Fixed searchHighlight bug while using searchAccentNeutralise.
  • +
  • Update: Fixed missing sort for customSearch option.
  • +
  • Update: Removed duplicated escaping of the column value.
  • +
  • Update: Updated uk-UA locale.
  • +
+ +

Extensions

+ +
    +
  • New(cookie): : Added hiddenColumns cookie to prevent issues with new added columns.
  • +
  • New(editable): Added field param to noEditFormatter option.
  • +
  • New(export): Added onExportStarted event.
  • +
  • New(filter-control): Added accent normalization check.
  • +
  • New(filter-control): Added filterControlMultipleSearch and filterControlMultipleSearchDelimiter options.
  • +
  • Update(custom-by): Fixed the custom view attributes.
  • +
  • Update(group-by): Fixed not handle complex objects bug.
  • +
  • Update(filter-control): Fixed select values not clear bug after search.
  • +
  • Update(filter-control): Fixed the select sorting error.
  • +
  • Update(filter-control): Fixed wrong selector for caching values with multiple tables.
  • +
  • Update(filter-control): Fixed the filterDefault option bug as filter if multiple filters exists.
  • +
  • Update(filter-control): Fixed filter control special char.
  • +
  • Update(filter-control): Updated default value to false of filterStrictSearch.
  • +
  • Update(filter-control): Supported not visible columns when using filterControlContainer option.
  • +
  • Update(multiple-sort): Fixed showMultiSortButton option bug.
  • +
  • Update(print): Fixed not handle complex objects bug.
  • +
  • Update(print): Removed switched-off columns from printed table.
  • +
+ +

Bootstrap Table 1.20.2

+ +

+ +

Core

+ +
    +
  • Update: Fixed small memory leak.
  • +
  • Update: Fixed the detail view bug with the td instead of icon.
  • +
+ +

Extensions

+ +
    +
  • Update(export): Fixed XSS vulnerability bug by onCellHtmlData.
  • +
  • Update(export): Fixed export footer bug without setting height.
  • +
  • Update(filter-control): Fixed the comparison of dates when using the datepicker.
  • +
+ +

Bootstrap Table 1.20.1

+ +

+ +

Core

+ +
    +
  • Update: Fixed toggle column bug with complex headers.
  • +
  • Update: Fixed icons option cannot work bug when it’s a string.
  • +
  • Update: Updated TypeScript definitions.
  • +
+ +

Extensions

+ +
    +
  • Update(cookie): Fixed cookie extension error with multiple-sort.
  • +
  • Update(export): Fixed the exportOptions option cannot support the data attribute.
  • +
  • Update(reorder-rows): Fixed reorder-rows cannot work because of missing default functions.
  • +
+ +

Bootstrap Table 1.20.0

+ +

+ +

Core

+ +
    +
  • New: Used bootstrap5 as the default theme.
  • +
  • New: Added column-switch-all event of toggle all columns.
  • +
  • New: Added hi-IN and lb-LU locales.
  • +
  • Update: Fixed the toolbar cannot refresh search bug.
  • +
  • Update: Fixed the card view align style bug.
  • +
  • Update: Fixed custom search filter bug if the value is Object.
  • +
  • Update: Fixed table border displays bug when setting height.
  • +
  • Update: Fixed error when the column events are undefined.
  • +
  • Update: Fixed escape column option doesn’t override table option bug.
  • +
  • Update: Fixed toggle all columns error when column switchable is false.
  • +
  • Update: Fixed check if the column is visible on card view.
  • +
  • Update: Fixed hide loading bug when canceling the request.
  • +
  • Update: Fixed default value of clickToSelect column option.
  • +
  • Update: Fixed onVirtualScroll not define default method.
  • +
  • Update: Updated cs-CZ, ko-KR, nl-NL, nl-BE, bg-BG, fr-LU locales.
  • +
+ +

Extensions

+ +
    +
  • New(filter-control): New version of filter-control with new features.
  • +
  • New(reorder-rows):: Added onAllowDrop and onDragStop options.
  • +
  • Update(cookie): Fixed sortName and sortOrder bug with cookie.
  • +
  • Update(cookie): Fixed the toggle column bug with the cookie.
  • +
  • Update(export): Fixed selector error if only one export type is defined.
  • +
  • Update(filter-control): Fixed new input class form-select of bootstrap 5.
  • +
  • Update(multiple-sort): Fixed the modal cannot close after sorting.
  • +
  • Update(print): Fixed missing print button for bootstrap 5.
  • +
  • Update(print): Fixed printPageBuilder option cannot define in html attribute.
  • +
  • Update(toolbar): Fixed toolbar extension modal bug with bootstrap 5.
  • +
+ +

Bootstrap Table 1.19.1

+ +

+ +

Core

+ +
    +
  • Update: Fixed the CVE security problem.
  • +
  • Update: Fixed cannot search for special characters when using searchHighlight.
  • +
+ +

Extensions

+ +
    +
  • Update(auto-refresh): Updated the showAutoRefresh option as default.
  • +
  • Update(export): Fixed export with only one export type bug.
  • +
  • Update(filter-control): Fixed filter-control cannot work bug.
  • +
  • Update(filter-control): Prevent duplicated elements for filter-control.
  • +
+ +

Bootstrap Table 1.19.0

+ +

+ +

Core

+ +
    +
  • New: Added onlyCurrentPage param for checkBy/uncheckBy methods.
  • +
  • New: Used bootstrap icons as default icons for bootstrap v5.
  • +
  • New: Added regexSearch option which allows to filter the table using regex.
  • +
  • New: Added support for allow importing stylesheets.
  • +
  • New: Added toggle-pagination event.
  • +
  • New: Added virtual-scroll event.
  • +
  • Update: Fixed vue component cannot work.
  • +
  • Update: Fixed infinite loop error with wrong server-side pagination metadata.
  • +
  • Update: Improved the behavior of ajax abort.
  • +
  • Update: Fixed click bug when paginationLoop is false.
  • +
  • Update: Fixed the highlighting bug when using radio/checkboxes.
  • +
  • Update: Fixed width bug caused by loading css.
  • +
  • Update: Removed the input-group-append class for bootstrap v5.
  • +
  • Update: Fixed duplicate definition id bug.
  • +
  • Update: Fixed the comparison of search inputs.
  • +
  • Update: Fixed broken page-list selector.
  • +
  • Update: Fixed overwrite custom locale function bug.
  • +
  • Update: Fixed bug with server side pagination and the page size all.
  • +
  • Update: Fixed all checkbox not auto check after pagination changed.
  • +
  • Update: Updated the es-MX locate.
  • +
+ +

Extensions

+ +
    +
  • New(cookie): Added Multiple Sort order stored in cookie extension.
  • +
  • New(cookie): Added Card view state stored in cookie extension.
  • +
  • New(copy): Added ignoreCopy column option to prevent copying the column data.
  • +
  • New(copy): Added rawCopy column option to copy the raw value instead of the formatted value.
  • +
  • Update(cookie): Fixed switchable column bug with the cookie extension.
  • +
  • Update(export): Fixed the export dropdown cannot be closed bug.
  • +
  • Update(filter-control): Updated filterMultipleSelectOptions to filterControlMultipleSelectOptions option.
  • +
  • Update(filter-control): Fixed bug with cookie deletion of none filter cookies.
  • +
  • Update(filter-control): Fixed bug when using the load method.
  • +
  • Update(group-by): Fixed overwriting the column classes bug on group collapsed rows.
  • +
  • Update(multiple-sort): Fixed hide/show column error with no sortPriority defined.
  • +
  • Update(page-jump-to): Fixed jump-to display bug in bootstrap v3.
  • +
  • Update(print): Fixed print formatter bug.
  • +
  • Update(reorder-rows): Fixed reorder-rows not work property.
  • +
  • Update(reorder-rows): Fixed the drag selector to prevent a checkbox bug on mobile.
  • +
  • Update(resizable): Fixed the reinitialization after the table changed.
  • +
  • Update(sticky-header): Fixed sticky-header not work property with group header.
  • +
  • Update(treegrid): Fixed bug of treegrid from html.
  • +
+ +

Bootstrap Table 1.18.3

+ +

+ +

Core

+ +
    +
  • Update: Fixed negative number bug when searching with comparison.
  • +
  • Update: Fixed non-conform HTML-Standard problems.
  • +
  • Update: Fixed td width bug using card view.
  • +
  • Update: Fixed exact match problem when searching term with accent.
  • +
  • Update: Update pt-PT and fa-IR locales.
  • +
+ +

Extensions

+ +
    +
  • New(page-jump-to): Added showJumpToByPages option.
  • +
  • Update(auth-refresh): Fixed auto refresh not clear interval bug.
  • +
  • Update(multiple-sort): Fixed multiple-sort cannot support iconSize bug.
  • +
  • Update(sticky-header): Fixed stickyHeaderOffsetY option cannot work.
  • +
  • Update(sticky-header): Updated the stickyHeader offset options to number.
  • +
+ +

Bootstrap Table 1.18.2

+ +

+ +

Core

+ +
    +
  • Update: Fixed bootstrap5 cannot work bug.
  • +
  • Update: Fixed checkbox display bug when using formatter.
  • +
  • Update: Fixed search highlight bug.
  • +
  • Update: Updated ru-RU and de-DE locales.
  • +
+ +

Extensions

+ +
    +
  • New(filter-control): Added support for flat JSON.
  • +
  • Update(cookie): Fixed not deleted cookie bug when the sort was reset.
  • +
  • Update(export): Not export the detail view icon column.
  • +
  • Update(filter-control): Fixed not working when using filterControlContainer.
  • +
  • Update(multiple-sort): Fixed multiple-sort cannot work bug.
  • +
  • Update(resizable): Fixed resizable cannot work in modal.
  • +
+ +

Bootstrap Table 1.18.1

+ +

+ +

Core

+ +
    +
  • New(locale): Added short locales based on ISO Language.
  • +
  • Update: Updated sk-SK, fr-FR, de-DE, and es-* locales.
  • +
  • Update: Fixed toggleCheck, getSelections and remove bug.
  • +
  • Update: Fixed buttons option bug using in data attribute.
  • +
  • Update: Fixed custom icons option bug.
  • +
  • Update: Fixed cellStyle column option not work in card view.
  • +
  • Update: Fixed getSelection bug when using search.
  • +
  • Update: Fixed pageList option with all display bug using smartDisplay.
  • +
  • Update: Fixed search highlight cannot work bug when data field is number.
  • +
  • Update: Fixed updateColumnTitle is undo bug after pagination.
  • +
  • Update: Fixed multipleSelectRow option bug.
  • +
  • Update: Fixed icon-size option bug with pagination.
  • +
+ +

Extensions

+ +
    +
  • New(page-jump-to): Added min, max and enter support for jump input.
  • +
  • Update(export): Fixed export cannot work with materialize and foundation themes.
  • +
  • Update(filter-control): Updated filterDatepickerOptions to support datepicker option.
  • +
  • Update(filter-control): Fixed select bug when using & in the value.
  • +
  • Update(fixed-columns): Fixed toggleView display bug.
  • +
  • Update(group-by): Fixed not collapse detail view expanded row bug.
  • +
  • Update(group-by): Fixed display error using formatter column option.
  • +
  • Update(group-by): Fixed groupByFormatter option bug using in data attribute.
  • +
  • Update(multiple-sort): Fixed cannot work bug using in server sidePagination.
  • +
  • Update(page-jump-to): Fixed page jump input and button bug with icon-size option.
  • +
  • Update(print): Fixed print with rowspan or colspan.
  • +
  • Update(reorder-columns): Fixed reorder column when a column is removed or added.
  • +
+ +

Bootstrap Table 1.18.0

+ +

+ +

Core

+ +
    +
  • New(option): Added buttons to add custom buttons to the button bar.
  • +
  • New(option): Added footerField to support server side pagination.
  • +
  • New(option): Added new parameter value to footerFormatter.
  • +
  • New(option): Added searchHighlight and searchHighlightFormatter.
  • +
  • New(option): Added searchSelector to custom the search input.
  • +
  • New(event): Added BootstrapTable object as last parameter to all event.
  • +
  • New(css): Added CSS transitions for loading style.
  • +
  • New: Added support for style attribute of tr or td.
  • +
  • New: Added ability to use colspan in the footer.
  • +
  • Update: Updated search input type from text to search.
  • +
  • Update: Fixed normalize not string bug when using searchAccentNeutralise.
  • +
  • Update: Fixed complex group header bug.
  • +
  • Update: Fixed resize and scroll event bug with multiple tables.
  • +
  • Update: Fixed getScrollPosition bug when using group-by extension.
  • +
  • Update: Fixed updateRow with customSearch and sortReset bug.
  • +
  • Update: Fixed colspan and mergeCell bug when using detailFormatter.
  • +
  • Update: Fixed init bug when using onPostBody.
  • +
  • Update: Fixed sort bug when the field is set to 0.
  • +
  • Update: Fixed showFooter display bug after resize table width.
  • +
  • Update: Fixed not update selected rows bug when using checkAll/uncheckAll.
  • +
  • Update: Fixed checked property bug using formatter when the field has a value.
  • +
  • Update: Fixed default data shared bug with multiple tables.
  • +
  • Remove(method): Removed getAllSelections method.
  • +
+ +

Extensions

+ +
    +
  • New(addrbar): Added support for client side pagination.
  • +
  • New(cookie): Added cookieSameSite option to prevent breaking changes.
  • +
  • New(group-by): Added groupByToggle and groupByShowToggleIcon options.
  • +
  • New(group-by): Added groupByCollapsedGroups option to allow collapse groups.
  • +
  • Update(cookie): Fixed cookie size is too big bug when saving columns.
  • +
  • Update(cookie): Fixed checkbox column disappears bug.
  • +
  • Update(export): Fixed cannot export all data bug with pagination.
  • +
  • Update(group-by): Fixed scrollTo not working properly bug.
  • +
  • Update(multiple-sort): Fixed cannot work bug.
  • +
  • Update(sticky-header): Fixed vertical scroll cannot work bug.
  • +
+ +

Bootstrap Table 1.17.1

+ +

+ +

Core

+ +
    +
  • New: Added bootstrap-table theme without any framework.
  • +
  • New: Added support for Bootstrap v5.
  • +
  • New: Added $index field for remove method.
  • +
  • New: Added on-all event for vue component.
  • +
  • New: Added bg-BG locale.
  • +
  • New: Added loadingFontSize option.
  • +
  • New: Added loadingTemplate option.
  • +
  • New: Added detailView support for cardView.
  • +
  • New: Added the searchable columns to the query params for server side.
  • +
  • New: Added collapseRowByUniqueId and expandRowByUniqueId methods.
  • +
  • New: Added detailViewAlign option for the detail view icon.
  • +
  • New: Added tr class support for thead.
  • +
  • New: Added formatted parameter for getData method to get formatted data.
  • +
  • New: Added paginationParts option instead of onlyInfoPagination.
  • +
  • New: Added sortReset option to reset sort on third click.
  • +
  • New: Added support for auto merge the table body cells.
  • +
  • Update: Fixed updateByUniqueId method cannot update multiple rows bug.
  • +
  • Update: Fixed insertRow not write to source data array bug.
  • +
  • Update: Fixed events bug with detailViewIcon option.
  • +
  • Update: Fixed server side pagination sort bug.
  • +
  • Update: Fixed the page-change event before init server.
  • +
  • Update: Fixed no records found colspan error.
  • +
  • Update: Fixed the page-change event before init server.
  • +
  • Update: Fixed font-size of the loading text.
  • +
  • Update: Fixed table border bug when table is hidden.
  • +
  • Update: Fixed showRow method show all hidden rows bug.
  • +
  • Update: Fixed columnsSearch non-unique id warning.
  • +
  • Remove: Removed the onlyInfoPagination option.
  • +
  • Remove: Removed accent neutralise extension and moved it to core.
  • +
+ +

Extensions

+ +
    +
  • New(cookie): Added support for toggle all columns options.
  • +
  • New(custom-view): Added custom-view extension.
  • +
  • New(editable): Added alwaysUseFormatter option.
  • +
  • New(export): Added forceHide column option.
  • +
  • New(filter-control): Added filterOrderBy column option support order by server.
  • +
  • New(filter-control): Added radio support for filterControlContainer.
  • +
  • New(filter-control): Added support for array filter.
  • +
  • New(filter-control): Added filterControlVisible option and toggleFilterControl method.
  • +
  • New(filter-control): Added showFilterControlSwitch option.
  • +
  • New(fixed-columns): Added support for sticky-header.
  • +
  • New(pipeline): Added pipeline extension.
  • +
  • New(print): Added support for print footer and merge cells.
  • +
  • Update(accent-neutralise): Fixed comparison with arrays.
  • +
  • Update(cookie): Updated cookie columns to always visible when switchable is false.
  • +
  • Update(cookie): Fixed cookie value from existing options bug.
  • +
  • Update(copy-rows): Fixed copy rows bug with fixed-column.
  • +
  • Update(editable): Fixed not handle quotation marks bug.
  • +
  • Update(editable): Updated noeditFormatter to noEditFormatter.
  • +
  • Update(export): Fixed export error with maintainMetaData and clientSidePagination.
  • +
  • Update(filter-control): Fixed not work with height option.
  • +
  • Update(filter-control): Fixed not work in multiple tables.
  • +
  • Update(filter-control): Fixed ignore default search text bug.
  • +
  • Update(filter-control): Fixed not work with html formatter.
  • +
  • Update(filter-control): Fixed reset filterBy method bug.
  • +
  • Update(filter-control): Fixed issue with a custom filter control container.
  • +
  • Update(filter-control): Fixed filter control disappear after column switched.
  • +
  • Update(fixed-columns): Fixed loading message not hide bug.
  • +
  • Update(group-by): Fixed params error of checkAll/uncheckAll.
  • +
  • Update(multiple-sort): Fixed not working with multiple level field bug.
  • +
  • Update(reorder-columns): Fixed cannot work bug.
  • +
  • Update(reorder-rows): Fixed this context of onPostBody error.
  • +
  • Update(treegrid): Fixed treegrid destroy bug.
  • +
+ +

Bootstrap Table 1.16.0

+ +

+ +

Core

+ +
    +
  • New: Added buttonsOrder option.
  • +
  • New: Added headerStyle option.
  • +
  • New: Added showColumnsSearch option.
  • +
  • New: Added serverSort option.
  • +
  • New: Added unfiltered parameter for getData method.
  • +
  • Update: Updated event name to lowercase hyphen format for vue component.
  • +
  • Update: Updated es-AR locale.
  • +
  • Update: Updated the default classes of semantic theme.
  • +
  • Update: Improved the resize problem with multiple tables.
  • +
  • Update: Fixed checkAll event bug with sortable checkbox field.
  • +
  • Update: Fixed checkbox and not-found td style errors.
  • +
  • Update: Fixed customSearch return empty array bug.
  • +
  • Update: Fixed column checkboxes not being disabled when using toggleAll.
  • +
  • Update: Fixed flat not polyfilled error in vue cli3.
  • +
  • Update: Fixed height and border not aligned bug.
  • +
  • Update: Fixed jqXHR undefined error using custom ajax.
  • +
  • Update: Fixed pageSize set to all bug with filter.
  • +
  • Update: Fixed refreshOptions bug with radio and checkbox.
  • +
  • Update: Fixed removeAll bug in the last page when sidePagination is server.
  • +
  • Update: Fixed search not always trigger in IE11 bug.
  • +
  • Update: Fixed search width escape bug.
  • +
  • Update: Fixed showColumns cannot work of foundation theme.
  • +
  • Update: Fixed showFullscreen bug when setting height.
  • +
  • Update: Fixed sort cannot work after searching.
  • +
  • Update: Fixed sortable style error when using table-sm.
  • +
  • Update: Fixed sortStable not work bug.
  • +
  • Update: Fixed triggerSearch not work bug.
  • +
  • Update: Supported build cross all platforms.
  • +
  • Remove: Removed resetWidth method and use resetView instead.
  • +
+ +

Extensions

+ +
    +
  • New(cookie): Added new options to get/set/delete the values by a custom function.
  • +
  • New(cookie): Added save re-order and resize support.
  • +
  • New(filter-control): Added filterControlContainer option.
  • +
  • New(filter-control): Added filterCustomSearch option.
  • +
  • New(filter-control): Added object and function support in filterData column option.
  • +
  • New(filter-control): Added support for using sticky-header extension.
  • +
  • New(filter-control): Added support comparisons search(<, >, <=, =<, >=, =>).
  • +
  • New(fixed-columns): Added all themes support.
  • +
  • New(fixed-columns): Added fixedRightNumber option.
  • +
  • New(fixed-columns): Added support for using filter-control extension.
  • +
  • New(group-by): Add Array support for groupByField option.
  • +
  • New(group-by): Added customSort option support.
  • +
  • New(multiple-sort): Added custom sorter support.
  • +
  • New(multiple-sort): Added multiSortStrictSort option.
  • +
  • New(multiple-sort): Added multiSort method.
  • +
  • New(print): Added printFormatter data-attribute support.
  • +
  • New(reorder-columns): Added orderColumns method.
  • +
  • New(reorder-rows): Added search and cardView supported.
  • +
  • New(sticky-header): Added support for all themes.
  • +
  • New(toolbar): Added support for all themes.
  • +
  • New(reorder-rows): Added search and cardView support.
  • +
  • Update(cookie): Fixed cookie localeStorage not work bug with filter-control.
  • +
  • Update(cookie): Fixed minimumCountColumns not working bug.
  • +
  • Update(cookie): Improved cookiesEnabled to support ‘ in data-attribute.
  • +
  • Update(editable): Fixed formatter bug if the column was edited.
  • +
  • Update(filter-control): Fixed hideUnusedSelectOptions not work bug.
  • +
  • Update(filter-control): Fixed filter not work bug with undefined.
  • +
  • Update(filter-control): Fixed missing parameter of resetSearch and filterDataType.
  • +
  • Update(filter-control): Fixed search with filter-control search bug.
  • +
  • Update(filter-control): Fixed the value of select display error using editable.
  • +
  • Update(fixed-columns): Fixed checkbox bug with fixed columns.
  • +
  • Update(fixed-columns): Updated default value to 0 of fixedNumber option.
  • +
  • Update(group-by): Improved number type support.
  • +
  • Update(group-by): Fixed new table using modal bug.
  • +
  • Update(group-by): Fixed scrollTo method using group-by.
  • +
  • Update(mobile): Fixed input keyboard bug.
  • +
  • Update(multiple-sort): Fixed not destroy bug.
  • +
  • Update(multiple-sort): Fixed sort not work with boolean bug.
  • +
  • Update(print): Improved to use undefinedText option.
  • +
  • Update(print): Fixed IE11 not work bug.
  • +
  • Update(reorder-columns): Fixed detail view column reorder bug.
  • +
  • Update(resizable): Fixed columns resizing not work bug.
  • +
  • Update(resizable): Fixed not work via JavaScript.
  • +
  • Update(sticky-header): Fixed not work bug with fullscreen.
  • +
  • Update(treegrid): Fixed virtualScroll option bug.
  • +
  • Remove: Removed natural-sorting extension.
  • +
+ +

Bootstrap Table 1.15.5

+ +

+ +
    +
  • New: Added jqXHR for responseHandler option and onLoadSuccess event.
  • +
  • New: Added stickyHeaderOffsetLeft and stickyHeaderOffsetRight for sticky-header.
  • +
  • New: Added Serbian RS cyrillic and latin locales.
  • +
  • Update: Improved export button when there is only one type.
  • +
  • Update: Fixed column events click error with detailView.
  • +
  • Update: Fixed bug for searchOnEnterKey and showSearchButton are true.
  • +
  • Update: Fixed onScrollBody event and added parameter.
  • +
  • Update: Fixed search input size bug with iconSize option.
  • +
  • Update: Fixed filter control select cannot work more than one table.
  • +
  • Update: Fixed virtual scroll to top error when using append method.
  • +
  • Update: Fixed events cannot work on virtual scroll.
  • +
  • Update: Fixed bottom border bug with height option.
  • +
  • Update: Fixed min version throw cannot convert object to primitive value error.
  • +
+ +

Bootstrap Table 1.15.4

+ +

+ +
    +
  • New: Added query to queryParams option.
  • +
  • New: Added filter parameter of customSearch option.
  • +
  • Update: Fixed search bug in hidden columns.
  • +
  • Update: Fixed table zoom width calculating bug.
  • +
  • Update: Fixed events of column formatted by nested table.
  • +
  • Update: Fixed checkbox style display bug.
  • +
  • Update: Fixed stack overflow error of checkBy method.
  • +
  • Update: Fixed showSearchButton and showSearchClearButton style bug.
  • +
  • Update: Fixed filter-control select null value handle error.
  • +
  • Update: Fixed showSearchClearButton bug in filter-control extension.
  • +
  • Update: Fixed print button appears twice bug.
  • +
+ +

Bootstrap Table 1.15.3

+ +

+ +
    +
  • New: Added nl-BE, fr-CH and fr-LU locale.
  • +
  • Update: Updated nl-NL, pt-BR, fr-BE, fr-FR, nl-BE and nl-NL locale.
  • +
  • Update: Fixed treegrid duplicate rows bug.
  • +
  • Update: Fixed updateCellByUniqueId method bug on a filtered table.
  • +
  • Update: Fixed colspan group header display bug.
  • +
  • Update: Fixed table footer display bug in some case.
  • +
  • Update: Fixed getOptions bug.
  • +
  • Update: Fixed detailView bug when hiding columns.
  • +
  • Update: Fixed IE minify bug.
  • +
  • Update: Fixed full screen scrolling bug.
  • +
+ +

Bootstrap Table 1.15.2

+ +

+ +

Core

+ +
    +
  • New: Added virtualScroll and virtualScrollItemHeight options to support large data.
  • +
  • New: Added vue component support.
  • +
  • New: Added support comparisons search(<, >, <=, =<, >=, =>).
  • +
  • New: Added detailViewByClick table option and detailFormatter column option.
  • +
  • New: Added showExtendedPagination and totalNotFilteredField table options.
  • +
  • New: Added widthUnit option to allow any unit.
  • +
  • New: Added multipleSelectRow option to support ctrl and shift select.
  • +
  • New: Added onPostFooter(post-footer.bs.table) event.
  • +
  • New: Added detailViewIcon and toggleDetailView method to hide the show/hide icons.
  • +
  • New: Added showSearchButton and showSearchClearButton options to improve the search.
  • +
  • New: Added showButtonIcons and showButtonText options to improve the icons display.
  • +
  • New: Added visibleSearch option search only on displayed/visible columns.
  • +
  • New: Added showColumnsToggleAll option to toggle all columns.
  • +
  • New: Added cellStyle to support checkbox field.
  • +
  • New: Added checkbox and radio auto checked from html support.
  • +
  • New: Added screen reader support for pagination.
  • +
  • New: Added travis lint src and check docs scripts.
  • +
  • New: Added webpack support and user rollup to build the src.
  • +
  • New: Added a version number property.
  • +
  • New: Improved filterBy method with or condition and custom filter algorithm.
  • +
  • New: Improved showColumn and hideColumn methods with array of fields.
  • +
  • New: Improved scrollTo method to allow rows units.
  • +
  • Update: Rewrote all code to ES6.
  • +
  • Update: Improved pageList options to support localization.
  • +
  • Update: Improved the totalRows option.
  • +
  • Update: Improved table footer.
  • +
  • Update: Improved getSelections and getAllSelections methods.
  • +
  • Update: Improved css frameworks themes.
  • +
  • Update: Updated parameters of the getData method.
  • +
  • Update: Updated parameters of the (un)checkAll events to rowsAfter, rowsBefore.
  • +
  • Update: Updated parameters of the updateRow method to support replace.
  • +
  • Update: Updated page number to 1 while making a server side sort.
  • +
  • Update: Renamed table maintainSelected option to maintainMetaData.
  • +
  • Update: Renamed method refreshColumnTitle to updateColumnTitle.
  • +
  • Update: Fixed card view value to be aligned incorrectly bug.
  • +
  • Update: Fixed smartDisplay option pagination bug.
  • +
  • Update: Fixed data-* attribute is an object bug.
  • +
  • Update: Fixed page separators click bug.
  • +
  • Update: Fixed scrolling bug in IE11.
  • +
  • Update: Fixed initHeader error caused by toggleColumn.
  • +
  • Update: Fixed search input trigger multiple times bug.
  • +
  • Update: Fix Pagination/totalRows not updated on hideRow.
  • +
  • Update: Fixed columns title error.
  • +
+ +

Extensions

+ +
    +
  • New(editable): Added onExportSaved event.
  • +
  • New(export): Added forceExport column option force export columns with hidden.
  • +
  • New(export): Added function support of fileName option.
  • +
  • New(filter-control): Added filterDataCollector to control the filter select options.
  • +
  • New(filter-control): Added filterOrderBy and filterDefault column options.
  • +
  • New(multiple-sort): Added bootstrap v4 theme support.
  • +
  • New(print): Added RTL dir support.
  • +
  • Remove: Removed group-by, multi-column-toggle, multiple-search, multiple-selection-row, select2-filter and tree-column extensions.
  • +
  • Update(cookie): Fixed cookie search cannot work bug.
  • +
  • Update(editable): Updated parameters of onEditableSave to field, row, rowIndex, oldValue, $el.
  • +
  • Update(editable): Fixed editable rerender bug after saving data.
  • +
  • Update(export): Updated to only export table header.
  • +
  • Update(export): Fixed bug with the footer extensions while sorting.
  • +
  • Update(filter-control): Added ability to handle boolean.
  • +
  • Update(filter-control): Fixed DatePicker of filter-control does not work bug.
  • +
  • Update(filter-control): Fixed clear filterControl with Cookie bug.
  • +
  • Update(filter-control): Fixed loading screen with filter control.
  • +
  • Update(filter-control): Fixed overwriting the searchText bug.
  • +
  • Update(filter-control): Fixed filtering does not work json sub-object.
  • +
  • Update(filter-control): Fixed select filter with formatter.
  • +
  • Update(multiple-sort): Fixed multiple-sort does not work with data-query-params bug.
  • +
  • Update(page-jump-to): Fixed click bug when paginationVAlign is ‘both’.
  • +
  • Update(reorder-columns): Fixed reorder columns cannot work bug.
  • +
  • Update(reorder-columns): Fix search and columns bug after reorder columns.
  • +
  • Update(treegrid): Fixed treegrid cannot work bug.
  • +
+ +

Bootstrap Table 1.14.2

+ +

+ +
    +
  • New(fixed-columns extension): Added new version fixed-columns extension.
  • +
  • New(js): Updated the style of loading message.
  • +
  • Update(js): Updated refresh event params.
  • +
  • Update(locale): Updated all locale translation with English as default.
  • +
  • Update(export extension): Fixed export all rows to pdf bug.
  • +
  • Update(export extension): Disabled export button when exportDataType is ‘selected’ and selection empty.
  • +
  • Update(addrbar extension): Fixed addrbar extension remove hash from url bug.
  • +
+ +

Bootstrap Table 1.14.1

+ +

+ +
    +
  • New(css): Added CSS Frameworks supported.
  • +
  • New(css): Added Semantic UI theme.
  • +
  • New(css): Added Bulma theme.
  • +
  • New(css): Added Materialize theme.
  • +
  • New(css): Added Foundation theme.
  • +
  • New(js): Added data attribute support for ignoreClickToSelectOn option.
  • +
  • Update(js): Fixed detailView find td elements bug.
  • +
  • Update(js): Fixed showColumns close dropdown bug when item label clicking.
  • +
  • Update(js): Fixed reset width error after toggleFullscreen.
  • +
  • Update(js): Fixed cardView click event bug.
  • +
+ +

Bootstrap Table 1.13.5

+ +

+ +
    +
  • New(auto-refresh extension): Rewrote auto-refresh extension to ES6.
  • +
  • Update(js): Fixed showFullscreen cannot work bug.
  • +
  • Update(js): Redefined customSearch option.
  • +
  • Update(js): Fixed show footer cannot work bug.
  • +
  • Update(js): Updated the parameter of footerStyle.
  • +
  • Update(js): Added classes supported for footerStyle.
  • +
  • Update(js): Fixed IE11 transform bug.
  • +
  • Update(js): Removed beginning and end whitespace from td.
  • +
  • Update(export extension): Fixed export selected bug.
  • +
+ +

Bootstrap Table 1.13.4

+ +

+ +
    +
  • New(sticky-header extension): Rewrote sticky-header extension to ES6.
  • +
  • New(sticky-header extension): Added to support bootstrap v4 and theadClasses option.
  • +
  • New(auto-refresh extension): Icons update to font-awesome 5.
  • +
  • New(examples): Added examples Algolia search.
  • +
  • Update(js): Fixed theadClasses is not set when a thead exists.
  • +
  • Update(js): Fixed table resize after mergeCell the first row.
  • +
  • Update(cookie extension): Fixed cookie extension broken bug.
  • +
  • Update(cookie extension): Fixed cookie extension unicode encode bug.
  • +
  • Update(package): Added sass devDependencies.
  • +
+ +

Bootstrap Table 1.13.3

+ +

+ +
    +
  • New(js): Supported full table classes of bootstrap v4.
  • +
  • New(css): Updated bootstrap-table.css to scss.
  • +
  • New(accent-neutralise extension): Updated accent-neutralise extension to ES6.
  • +
  • New(addrbar extension): Updated addrbar extension to ES6 and supported attribute option.
  • +
  • New(group-by-v2 extension): New groupByFormatter option.
  • +
  • New(pipeline extension): New pipeline extension bootstrap-table-pipeline.
  • +
  • Remove(js): Removed striped option and use classes instead.
  • +
  • Update(js): Fixed locale option bug.
  • +
  • Update(js): Fixed sortClass option bug.
  • +
  • Update(js): Fixed sortStable option cannot work bug.
  • +
  • Update(js): Improved built-in sort function and customSort logic.
  • +
  • Update(js): Fixed horizontal scrollbar bug.
  • +
  • Update(cookie extension): Improved cookie extension code.
  • +
+ +

Bootstrap Table 1.13.2

+ +

+ +
    +
  • New(js): Added paginationSuccessivelySize, paginationPagesBySide and paginationUseIntermediate pagination options.
  • +
  • New(cookie extension): Updated cookie extension to ES6.
  • +
  • New(cookie extension): Saved filterBy method.
  • +
  • New(filter-control extension): Added placeholder as a empty option to the select controls.
  • +
  • New(filter-control extension): Added clearFilterControl method in order to clear all filter controls.
  • +
  • New(docs) Added algolia search.
  • +
  • Update(js): Fixed sort column shows hidden rows in server side pagination bug.
  • +
  • Update(js): Fixed scrollTo bug.
  • +
  • Update(css): Fixed no-bordered problem of bootstrap v4.
  • +
  • Update(filter-control extension): Added bootstrap v4 icon support.
  • +
+ +

New Website for Bootstrap v4

+ +

+ +

Bootstrap has released the latest version v4.2.1. Since Bootstrap Table has been mainly used for Bootstrap v3, We have rebuilt the official documentation of Bootstrap Table while upgrading the code to Bootstrap v4.

+ +

Bootstrap Table Website is a fork of Bootstrap.

+ +

What’s new

+ +

Here are the highlights of what’s new and updated in new website.

+ +
    +
  • New: More detailed documentation.
  • +
  • New: Added Extensions documentation.
  • +
  • New: Supported for searching documentation.
  • +
  • New: Added News Menu.
  • +
  • New: Added New Examples for Bootstrap v4 instead v3.
  • +
  • Update: Used new API display style instead table.
  • +
  • Remove: Removed Translation Documentations.
  • +
+ +

Bootstrap Table 1.13.1

+ +

+ +
    +
  • New(js): Added theadClasses option to support bootstrap v4.
  • +
  • New(js): Updated the default icons to font-awesome 5.
  • +
  • New(locale): Updated all locales to ES6.
  • +
  • New(editable extension): Updated bootstrap-table-editable to ES6.
  • +
  • New(filter-control extension): Updated bootstrap-table-filter-control to ES6.
  • +
  • New(treegrid extension): Added rootParentId option.
  • +
  • Update(js): Fixed getHiddenRows method bug.
  • +
  • Update(js): Fixed getOptions method to remove data property.
  • +
  • Update(js): Fixed no matches display error.
  • +
  • Update(js): Fixed eslint warning and error.
  • +
  • Update(locale): Improved es-ES locale.
  • +
  • Update(filter-control extension): Fixed multiple choice bug.
  • +
  • Update(filter-control extension): Fixed select all rows and keyup event error.
  • +
  • Update(export extension): Fixed export in cardView display error.
  • +
+ +

Bootstrap Table 1.13.0

+ +

+ +
    +
  • New(js): Updated bootstrap-table to ES6.
  • +
  • New(locale): Added fi-FI.js locale.
  • +
  • New(build): Used babel instead of grunt.
  • +
  • New(filter-control): Added created-controls.bs.table event to filter-control.
  • +
  • New(export extension): Updated export extension to ES6.
  • +
  • New(export extension): Added export extension support bootstrap v4.
  • +
  • New(export extension): Added exportTable method.
  • +
  • New(toolbar extension): Updated toolbar extension to ES6.
  • +
  • New(toolbar extension): Added toolbar extension supports bootstrap v4.
  • +
  • New(toolbar extension): Added server sidePagination support
  • +
  • New(resizable extension): Released new resizable extension version 2.0.0.
  • +
  • New(editable extension): Allowed different x-editable configuration per table row.
  • +
  • New(addrbar extension): Added addrbar extension.
  • +
  • Update(js): Improved check/uncheck methods
  • +
  • Update(js): Fixed cookie with pageNumber and searchText bug.
  • +
  • Update(js): Fix selections bugs.
  • +
  • Update(js): Added customSearch support data attribute.
  • +
  • Update(js): Fixed can’t search data with formatter.
  • +
  • Update(js): Fixed getRowByUniqueId error when row unique id is undefined.
  • +
  • Update(js): Fixed older bootstrap version bug.
  • +
  • Update(css): Removed toolbar line-height.
  • +
  • Update(css): Limited fullscreen CSS rule scope.
  • +
  • Update(editable extension): Fixed editable formatter bug.
  • +
  • Update(extension): Fixed bug with export extension together.
  • +
  • Update(extension): Removed click-edit-row and flat-json extensions.
  • +
+ +
+ + + + + + + + + + + + + + + + + diff --git a/versions/1.23.5/online-editor/index.html b/versions/1.23.5/online-editor/index.html new file mode 100644 index 0000000000..f8eac7251a --- /dev/null +++ b/versions/1.23.5/online-editor/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/redirects.json b/versions/1.23.5/redirects.json new file mode 100644 index 0000000000..60615c93ac --- /dev/null +++ b/versions/1.23.5/redirects.json @@ -0,0 +1 @@ +{"/faq/":"https://bootstrap-table.com/docs/faq/","/zh-cn/faq/":"https://bootstrap-table.com/docs/faq/","/es/faq/":"https://bootstrap-table.com/docs/faq/","/zh-cn/":"https://bootstrap-table.com/","/es/":"https://bootstrap-table.com/","/home/":"https://bootstrap-table.com/","/zh-cn/home/":"https://bootstrap-table.com/","/es/home/":"https://bootstrap-table.com/","/docs/":"https://bootstrap-table.com/docs/getting-started/introduction/","/getting-started/":"https://bootstrap-table.com/docs/getting-started/introduction/","/themes/bootstrap4":"https://bootstrap-table.com/docs/getting-started/introduction/","/vuejs/":"https://bootstrap-table.com/docs/vuejs/introduction/","/online-editor/":"https://bootstrap-table.com/docs/online-editor/","/zh-cn/online-editor/":"https://bootstrap-table.com/docs/online-editor/","/es/online-editor/":"https://bootstrap-table.com/docs/online-editor/","/docs/about/":"https://bootstrap-table.com/docs/about/overview/","/docs/api/":"https://bootstrap-table.com/docs/api/table-options/","/documentation/":"https://bootstrap-table.com/docs/api/table-options/","/zh-cn/documentation/":"https://bootstrap-table.com/docs/api/table-options/","/es/documentation/":"https://bootstrap-table.com/docs/api/table-options/"} \ No newline at end of file diff --git a/versions/1.23.5/robots.txt b/versions/1.23.5/robots.txt new file mode 100644 index 0000000000..91a2c09700 --- /dev/null +++ b/versions/1.23.5/robots.txt @@ -0,0 +1,6 @@ +# www.robotstxt.org/ + +# Allow crawling of all content +User-agent: * +Disallow: +Sitemap: https://bootstrap-table.com/sitemap.xml diff --git a/versions/1.23.5/sitemap.xml b/versions/1.23.5/sitemap.xml new file mode 100644 index 0000000000..8c7d86c034 --- /dev/null +++ b/versions/1.23.5/sitemap.xml @@ -0,0 +1,168 @@ + + + +https://bootstrap-table.com/docs/extensions/addrbar/ + + +https://bootstrap-table.com/docs/extensions/auto-refresh/ + + +https://bootstrap-table.com/themes/bootstrap-table/ + + +https://bootstrap-table.com/themes/bootstrap3/ + + +https://bootstrap-table.com/themes/bootstrap4/ + + +https://bootstrap-table.com/docs/vuejs/browser/ + + +https://bootstrap-table.com/docs/getting-started/browsers-devices/ + + +https://bootstrap-table.com/docs/getting-started/build-tools/ + + +https://bootstrap-table.com/themes/bulma/ + + +https://bootstrap-table.com/docs/api/column-options/ + + +https://bootstrap-table.com/docs/vuejs/component/ + + +https://bootstrap-table.com/docs/getting-started/contents/ + + +https://bootstrap-table.com/docs/extensions/cookie/ + + +https://bootstrap-table.com/docs/extensions/copy-rows/ + + +https://bootstrap-table.com/docs/extensions/custom-view/ + + +https://bootstrap-table.com/docs/extensions/defer-url/ + + +https://bootstrap-table.com/docs/getting-started/download/ + + +https://bootstrap-table.com/docs/extensions/editable/ + + +https://bootstrap-table.com/docs/api/events/ + + +https://bootstrap-table.com/docs/extensions/export/ + + +https://bootstrap-table.com/docs/faq/ + + +https://bootstrap-table.com/docs/extensions/filter-control/ + + +https://bootstrap-table.com/docs/extensions/fixed-columns/ + + +https://bootstrap-table.com/themes/foundation/ + + +https://bootstrap-table.com/docs/extensions/group-by-v2/ + + +https://bootstrap-table.com/docs/extensions/i18n-enhance/ + + +https://bootstrap-table.com/ + + +https://bootstrap-table.com/themes/ + + +https://bootstrap-table.com/docs/getting-started/introduction/ + + +https://bootstrap-table.com/docs/vuejs/introduction/ + + +https://bootstrap-table.com/docs/extensions/key-events/ + + +https://bootstrap-table.com/docs/about/license/ + + +https://bootstrap-table.com/docs/api/localizations/ + + +https://bootstrap-table.com/themes/materialize/ + + +https://bootstrap-table.com/docs/api/methods/ + + +https://bootstrap-table.com/docs/extensions/mobile/ + + +https://bootstrap-table.com/docs/extensions/multiple-sort/ + + +https://bootstrap-table.com/news/ + + +https://bootstrap-table.com/docs/online-editor/ + + +https://bootstrap-table.com/docs/about/overview/ + + +https://bootstrap-table.com/docs/extensions/page-jump-to/ + + +https://bootstrap-table.com/docs/extensions/pipeline/ + + +https://bootstrap-table.com/docs/extensions/print/ + + +https://bootstrap-table.com/docs/extensions/reorder-columns/ + + +https://bootstrap-table.com/docs/extensions/reorder-rows/ + + +https://bootstrap-table.com/docs/extensions/resizable/ + + +https://bootstrap-table.com/themes/semantic/ + + +https://bootstrap-table.com/docs/extensions/sticky-header/ + + +https://bootstrap-table.com/docs/api/table-options/ + + +https://bootstrap-table.com/docs/about/team/ + + +https://bootstrap-table.com/docs/extensions/toolbar/ + + +https://bootstrap-table.com/docs/about/translations/ + + +https://bootstrap-table.com/docs/extensions/treegrid/ + + +https://bootstrap-table.com/docs/getting-started/usage/ + + +https://bootstrap-table.com/docs/vuejs/webpack/ + + diff --git a/versions/1.23.5/themes/bootstrap-table/index.html b/versions/1.23.5/themes/bootstrap-table/index.html new file mode 100644 index 0000000000..7bf2331785 --- /dev/null +++ b/versions/1.23.5/themes/bootstrap-table/index.html @@ -0,0 +1,264 @@ + + + + + + + + + + + + +Bootstrap Table · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Bootstrap Table

+

A getting started of add Bootstrap Table theme, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table theme to your project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bootstrap-table/bootstrap-table.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bootstrap-table/bootstrap-table.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bootstrap-table/bootstrap-table.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bootstrap-table/bootstrap-table.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/bootstrap3/index.html b/versions/1.23.5/themes/bootstrap3/index.html new file mode 100644 index 0000000000..ddf22c87c7 --- /dev/null +++ b/versions/1.23.5/themes/bootstrap3/index.html @@ -0,0 +1,264 @@ + + + + + + + + + + + + +Bootstrap v3 · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Bootstrap v3

+

A getting started of add Bootstrap Table to Bootstrap v3, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table to your Bootstrap v3 project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Bootstrap.js, and then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/js/bootstrap.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/bootstrap4.html b/versions/1.23.5/themes/bootstrap4.html new file mode 100644 index 0000000000..25349b64ef --- /dev/null +++ b/versions/1.23.5/themes/bootstrap4.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/themes/bootstrap4/index.html b/versions/1.23.5/themes/bootstrap4/index.html new file mode 100644 index 0000000000..e07ad28c2e --- /dev/null +++ b/versions/1.23.5/themes/bootstrap4/index.html @@ -0,0 +1,266 @@ + + + + + + + + + + + + +Bootstrap v4 · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Bootstrap v4

+

A getting started of add Bootstrap Table to Bootstrap v4, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table to your Bootstrap v4 project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Bootstrap.js, and then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/bulma/index.html b/versions/1.23.5/themes/bulma/index.html new file mode 100644 index 0000000000..d11b277744 --- /dev/null +++ b/versions/1.23.5/themes/bulma/index.html @@ -0,0 +1,268 @@ + + + + + + + + + + + + +Bulma · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Bulma

+

A getting started of add Bootstrap Table to Bulma, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table to your Bulma project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bulma/bootstrap-table-bulma.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bulma/bootstrap-table-bulma.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

For Bulma, we use Font Awesome as the default icons, so need to import Font Awesome link.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bulma/bootstrap-table-bulma.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/bulma/bootstrap-table-bulma.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/foundation/index.html b/versions/1.23.5/themes/foundation/index.html new file mode 100644 index 0000000000..efcc0c403f --- /dev/null +++ b/versions/1.23.5/themes/foundation/index.html @@ -0,0 +1,269 @@ + + + + + + + + + + + + +Foundation · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Foundation

+

A getting started of add Bootstrap Table to Foundation, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table to your Foundation project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/foundation/bootstrap-table-foundation.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/foundation/bootstrap-table-foundation.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

For Foundation, we use Font Awesome as the default icons, so need to import Font Awesome link.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/css/foundation.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/foundation/bootstrap-table-foundation.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/foundation-sites@6.8.1/dist/js/foundation.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/foundation/bootstrap-table-foundation.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/index.html b/versions/1.23.5/themes/index.html new file mode 100644 index 0000000000..3ac820bdca --- /dev/null +++ b/versions/1.23.5/themes/index.html @@ -0,0 +1,184 @@ + + + + + + + + + + + + +Themes and Templates · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Themes and Templates

+

Bootstrap Table can help you to build UI Kits, Templates and Dashboards. You can see how developers and designers are using Bootstrap Table in production and real world web applications.

+
+ +
+
+ +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/materialize/index.html b/versions/1.23.5/themes/materialize/index.html new file mode 100644 index 0000000000..e62d63ed72 --- /dev/null +++ b/versions/1.23.5/themes/materialize/index.html @@ -0,0 +1,269 @@ + + + + + + + + + + + + +Materialize · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Materialize

+

A getting started of add Bootstrap Table to Materialize, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table to your Materialize project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/materialize/bootstrap-table-materialize.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/materialize/bootstrap-table-materialize.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

For Materialize, we use Material Design Icons as the default icons, so need to import Material Icons link.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/materialize-css@1.0.0/dist/css/materialize.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/materialize/bootstrap-table-materialize.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/materialize-css@1.0.0/dist/js/materialize.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/materialize/bootstrap-table-materialize.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/themes/semantic/index.html b/versions/1.23.5/themes/semantic/index.html new file mode 100644 index 0000000000..6937389a79 --- /dev/null +++ b/versions/1.23.5/themes/semantic/index.html @@ -0,0 +1,269 @@ + + + + + + + + + + + + +Semantic UI · Bootstrap Table + + + + + + + + + + + + + + + + + Skip to main content + + + + + + + +
+
+

Semantic UI

+

A getting started of add Bootstrap Table to Semantic UI, how to download and use, basic templates, and more.

+
+ +
+

Quick start

+ +

Looking to quickly add Bootstrap Table to your Semantic UI project? Use CDN, provided for free by the folks at UNPKG. Using a package manager or need to download the source files? Head to the downloads page.

+ +

CSS

+ +

Copy-paste the stylesheet <link> into your <head> before all other stylesheets to load our CSS.

+ +
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/semantic/bootstrap-table-semantic.min.css">
+ +

JS

+ +

Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, then Semantic.js, and then our JavaScript plugins.

+ +
<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/semantic/bootstrap-table-semantic.min.js"></script>
+ +

Starter template

+ +

Be sure to have your pages set up with the latest design and development standards. That means using an HTML5 doctype and including a viewport meta tag for proper responsive behaviors.

+ +

For Semantic UI, we use Font Awesome as the default icons, so need to import Font Awesome link.

+ +

Put it all together and your pages should look like this:

+ +
<!doctype html>
+<html lang="en">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.5.0/dist/semantic.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/semantic/bootstrap-table-semantic.min.css">
+
+    <title>Hello, Bootstrap Table!</title>
+  </head>
+  <body>
+    <table data-toggle="table">
+      <thead>
+        <tr>
+          <th>Item ID</th>
+          <th>Item Name</th>
+          <th>Item Price</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>1</td>
+          <td>Item 1</td>
+          <td>$1</td>
+        </tr>
+        <tr>
+          <td>2</td>
+          <td>Item 2</td>
+          <td>$2</td>
+        </tr>
+      </tbody>
+    </table>
+
+    <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.5.0/dist/semantic.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/bootstrap-table.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap-table@1.23.5/dist/themes/semantic/bootstrap-table-semantic.min.js"></script>
+  </body>
+</html>
+ +

HTML5 doctype

+ +

Bootstrap Table requires the use of the HTML5 doctype. Without it, you’ll see some funky incomplete styling, but including it shouldn’t cause any considerable hiccups.

+ +
<!doctype html>
+<html lang="en">
+  ...
+</html>
+ +

Community

+ +

Stay up to date on the development of Bootstrap Table and reach out to the community with these helpful resources.

+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + diff --git a/versions/1.23.5/vuejs/index.html b/versions/1.23.5/vuejs/index.html new file mode 100644 index 0000000000..ac452b7431 --- /dev/null +++ b/versions/1.23.5/vuejs/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/zh-cn/documentation/index.html b/versions/1.23.5/zh-cn/documentation/index.html new file mode 100644 index 0000000000..548e5ede6a --- /dev/null +++ b/versions/1.23.5/zh-cn/documentation/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/zh-cn/faq/index.html b/versions/1.23.5/zh-cn/faq/index.html new file mode 100644 index 0000000000..dac708a7bd --- /dev/null +++ b/versions/1.23.5/zh-cn/faq/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/zh-cn/home/index.html b/versions/1.23.5/zh-cn/home/index.html new file mode 100644 index 0000000000..861f24f72f --- /dev/null +++ b/versions/1.23.5/zh-cn/home/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/zh-cn/index.html b/versions/1.23.5/zh-cn/index.html new file mode 100644 index 0000000000..861f24f72f --- /dev/null +++ b/versions/1.23.5/zh-cn/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. + diff --git a/versions/1.23.5/zh-cn/online-editor/index.html b/versions/1.23.5/zh-cn/online-editor/index.html new file mode 100644 index 0000000000..f8eac7251a --- /dev/null +++ b/versions/1.23.5/zh-cn/online-editor/index.html @@ -0,0 +1,11 @@ + + + + Redirecting… + + + + +

Redirecting…

+ Click here if you are not redirected. +