טבלה שכל שורה פותחת טבלה חדשה

gamechanger · 11/11/15

טבלה שכל שורה פותחת טבלה חדשה

שלום,
אני רוצה ליצור טבלה של הזמנות כשבכל שורה בטבלה יש סימן פלוס שאם לוחצים עליו השורות מתחת לשורות הנבחרת זזות למטה ונפתחת טבלה של המוצרים של ההזמנה באותו דף.
איך אפשר לעשות את זה?

עוץליגוץלי · 11/11/15

יש מספר שיטות.

האם אתה עובד עם framework כלשהו? (דוגמת jquery)? מה גודל הטבלא? (לטבלאות קטנות הייתי טוען הכל לצד הדפדפן, לגדולות - נעזר בjson או ajax)?

עוץליגוץלי · 11/11/15

דוגמת הקוד הקצרה ביותר שהצלחתי ליצור

עם טבלאות מקוננות ("אם זה נראה כמו טבלא מקוננת, מרגיש כמו טבלא מקוננת ומשמש למטרה שטבלא מקוננת היתה משמשת, אז כדאי לקנן פה טבלא").
http://uzliguzli.netau.net/html_examples/table-example-nested.html
<!doctype html><html>
<head>
<title>Bla!</title> <style type='text/css'> td.collapse > table { display:none;} </style> <script type='text/javascript'> "use strict"; function SwitchCollapse(td) { td.className = ("collapse" == td.className)?"":"collapse"; } </script> </head> <body > <table border='1'> <tr> <td class='collapse' onclick='SwitchCollapse(this);'> Click to see sub-table  <table border='1'> <tr> <td> Data within sub table </td> </tr> </table> </td> </tr> </table> </body></html>

gamechanger · 12/11/15

תודה רבה, זה בדיוק מה שהייתי צריך

תודה רבה.
הטבלה עצמה היא בערך 10-20 שורות.
לכל שורה בטבלה תהיה טבלה של 2-3 שורות.
אני מתכנת מתחיל מאוד כך שאני לא כל כך יודע לענות על השאלה ששאלת.

עוץליגוץלי · 12/11/15

כמות יחסית קטנה של נתונים

לדעתי - להעביר הכל בקובץ יחיד. (יחסוך זמן עבוד מהשרת, על חשבון תעבורה). אשמח לקרוא דעות מנומקות אחרות (גם אם הן סותרות).

gamechanger · 16/11/15

עדיין יש לי בעיות

הדוגמא שעוץ לי גוץ לי שלח עובדת רק במקרה שמדובר בטבלה עם עם תא אחד בכל שורה.
אם יש כמה עמודות זה לא נראה טוב.
זאת לדוגמא הטבלה הראשית:
<table border='1'>
<tr>
<td>
1
</td>
<td>
john
</td>
<td>
newman
</td>
</tr>
<tr>
<td>
2
</td>
<td>
derrek
</td>
<td>
rose
</td>
</tr>
<tr>
<td>
3
</td>
<td>
lebron
</td>
<td>
james
</td>
</tr>
</table>
ואני מעונין שאם לוחצים על השורה הראשונה בטבלה תיפתח מתחת לשורה הטבלה הבאה:
<table border='1'>
<tr>
<td>
order-1
</td>
<td>
tomatos and oranges
</td>
</tr>
<tr>
<td>
order-2
</td>
<td>
avocado
</td>
</tr>
</table>

עוץליגוץלי · 16/11/15

קרא על colspan ועל rowspan

טבלה שכל שורה פותחת טבלה חדשה

gamechanger

New member

עוץליגוץלי

New member

עוץליגוץלי

New member

gamechanger

New member

עוץליגוץלי

New member

gamechanger

New member

עוץליגוץלי

New member