meteor - Collapsible Tables in Bootstrap 4 -


so i'm using bootstrap 4 , meteor , trying create table collapses when click on row element. i'm having problem collapsing row resizing down size of first <td> element if i'm using colspan="3". here's html:

<table class="table">   <thead class="thead-inverse">     <tr>       <th>school</th>       <th>tech</th>       <th>date</th>     </tr>   </thead>   {{#each school}}   <tbody>     <tr class="school-row">       <td scope="row">{{trimstring name}}</td>       <td>{{trimstring tech}}</td>       <td>{{formatdate createdat}}</td>     </tr>     <tr class="room-collapse">       <td scope="row" colspan="3" data-parent=".room-collapse">         <p>hello test.</p>       </td>     </tr>   </tbody>   {{/each}} </table>

i'm using .room-collapse jquery target. i'm not applying styling @ moment , jquery triggers working fine. ideas or bug?

the problem here collapse target element needed <div> in case. table element tried attach collapse failed after nested <div> go. code below example:

    <table class="table">       <thead class="thead-inverse">         <tr>           <th>school</th>           <th>tech</th>           <th>date</th>         </tr>       </thead>       {{#each school}}       <tbody>         <tr class="school-row">           <td scope="row">{{trimstring name}}</td>           <td>{{trimstring tech}}</td>           <td>{{formatdate createdat}}</td>         </tr>         <tr>           <td scope="row" colspan="3">             <div class="room-collapse">               <p>hello test.</p>             </div>           </td>         </tr>       </tbody>       {{/each}}     </table>

hopefully helps somebody. seems bootstrap 4 or particular package i'm using (which twbs:bootstrap@=4.0.0-alpha2).

short answer: wrap collapse in <div class="target"> "target" being target .class or #id.


-

Comments

Post a Comment

Popular posts from this blog

delphi - Disable and change color of node in Treeview -

Image
i looking way of disabling proper nodes . let's have created simple treeview structure below: parent 1 (disable) parent 2 child 1 child 2 (disable) so far have found workaround how that, still doesn't work @ all. use onchanging event handler: procedure tform1.treeviewchanging(sender: tobject; node: ttreenode; var allowchange: boolean); begin if (node.text = 'parent 1') or (node.text = 'child 1') allowchange := false; end; it works, because can't click on node, issue after 'disabling' node way, color of parent 1 , child 1 nodes same other. way change color of nodes (grey)? or maybe know way disabling nodes in ttreeview component? to disable node, set enabled property false . disabled item displayed in gray color. to change normal color of nodes text, change ttreeview.font.color . to change color of disabled nodes text, use oncustomdrawitem event: procedure tform2.treeview1customdrawitem(sender: tcu...
Read more

unity3d - Rotate an object to face an opposite direction -

i have object , b. when click on object b, rotates object b (a faces b). b doesn't face a. need following : when faces b, need face opposite direction. have code rotating @ b. how rotate face opposite direction after that? vector3 targetdirection = target - transform.position; float step = speed * time.deltatime; vector3 newdirection = vector3.rotatetowards (turretdome.transform.forward, targetdirection, step, 0.0f); turretdome.transform.rotation = quaternion.lookrotation (newdirection); you object facing object b, want inverse direction of object after that? objecta.transform.rotation = quaternion.inverse(objecta.transform.rotation) but lets assume example turretdome object a, (negate direction): turretdome.transform.rotation = quaternion.lookrotation (-newdirection); naturally, both of these snippets not show how smoothen rotation, seem know how use time.deltatime. just incase unsure, quaternion.lerp this
Read more

elasticsearch python client - work with many nodes - how to work with sniffer -

i have 1 cluster 2 nodes. i trying understand best practise connect nodes, , check failover when there downtime on 1 node. from documentation : es = elasticsearch( ['esnode1', 'esnode2'], # sniff before doing sniff_on_start=true, # refresh nodes after node fails respond sniff_on_connection_fail=true, # , every 60 seconds sniffer_timeout=60 ) so tried connect nodes this: client = elasticsearch([ip1, ip2],sniff_on_start=true, sniffer_timeout=10,sniff_on_connection_fail=true) where ip1/ip2 machine ip's (for example 10.0.0.1, 10.0.0.2) in order test it, terminated ip2 (or put non existent if) now, when trying connect, get: transporterror: transporterror(n/a, 'unable sniff hosts - no viable hosts found.') even ip1 exist , up. if trying connect this: es = elasticsearch([ip1, ip2]) then can see in log if client not getting response ip2, move ip1, , return valid response. so missing here something? thought s...
Read more