javascript - jQuery Tables, Clickable Dropdown - multiple hidden rows? -


good day programmers,

being amateur, hunted around , found created nice jquery drop-down table. found terrific one...

$("#report tr:odd").addclass("odd"); $("#report tr:not(.odd)").hide(); $("#report tr:first-child").show(); $("#report tr.odd").click(function(){     $(this).next("tr").toggle();     $(this).find(".arrow").toggleclass("up"); });

and css...

#report { border-collapse:collapse;} #report h4 { margin:0px; padding:0px;} #report img { float:left;} #report ul { margin:10px 0 10px 40px; padding:0px;} #report th { background:#222222 url(header_bkg.png) repeat-x scroll center left; color:#fff; padding:3px 8px; text-align:center;} #report td { background:#111111 none repeat-x scroll top left; color:#000; padding:3px 8px; text-align:center;} #report tr.odd td { background:#000000 url(row_bkg.png) repeat-x scroll center left; cursor:pointer;} #report div.arrow { background:transparent url(arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;} #report div.up { background-position:0px 0px;}

by itself, works fine... can see gaming page use on @ following link: http://www.mynextbit.com/pages/wreckedified/roster.html

i'm trying figure out way make drop down maybe 12 or rows instead of 1 show bunch of data 1 of characters in table. did digging , thought re-write jquery using 

nth-child(12n+0)

but couldn't quite pull off. on right track @ least or there more obvious , simple solution?

have considered might possible start new table within rows can keep existing functionality?

right html looks bit this:

<table> <thead>     <th>character</th><th>ilevel</th><th>and other columns...</th> </thead> <tbody>     <tr>         <td>charactername (build)</td><td>559</td><td>other column data...</td>     </tr>     <tr>         <td>this hidden data row</td>     </tr> </tbody> </table>

instead of trying alter script hides/shows next 12 <tr> tags create new table inside hidden data row...

<table> <thead>     <th>character</th><th>ilevel</th><th>and other columns...</th> </thead> <tbody>     <tr>         <td>charactername (build)</td><td>559</td><td>other column data...</td>     </tr>     <tr>         <td>             <table>                 <tr><td>hidden data row 1</td></tr>                 <tr><td>hidden data row 2</td></tr>                 <tr><td>hidden data row 3</td></tr>                 <tr><td>hidden data row 4</td></tr>                 <tr><td>hidden data row 5</td></tr>                 <tr><td>hidden data row 6</td></tr>                 <tr><td>hidden data row 7</td></tr>                 <tr><td>hidden data row 8</td></tr>                 <tr><td>hidden data row 9</td></tr>                 <tr><td>hidden data row 10</td></tr>                 <tr><td>hidden data row 11</td></tr>                 <tr><td>hidden data row 12</td></tr>             </table>         </td>     </tr> </tbody> </table>

but table "oldschool" if draw picture of want display might able give alternative ways too.


-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more