גלישת טבלה HTML

[code.net]

שלום
יש לי טבלה של מוצרים, הרשימה ארוכה ואני מעוניין שבעת הדפסה הטבלה לא תגלוש לדף נוסף אלא תעבור לעמודה נוספת - כלומר לחלק את הHTML בעת הדפסה לשני טבלאות, ושהטבלה הימנית תהיה המשך לעמודה השמאלית
אני עובד בpython & django, לפחות תדריכו אותי איך עלי לגגל...

תודה

פורסם במקור בפורום CODE613 ב31/08/2017 10:38 (+03:00)

[dovid]

תשתמש עם CSS.

@media print {
  body {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
}

@media screen {
  body {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

הנה דוגמה
https://plnkr.co/edit/0XsClrCz799EntKOv8Dc?p=preview

פורסם במקור בפורום CODE613 ב31/08/2017 12:35 (+03:00)

[code.net]

נראה טוב, תודה רבה
האם יש אפשרות שהפיצול יבוצע רק מעל מספר שורות מסויים? (כעת הוא הפיצול מתבצע בכל מקרה, גם אם יש מעט שורות)
אגב, אני משתמש עם bootstrap

פורסם במקור בפורום CODE613 ב31/08/2017 13:12 (+03:00)

[dovid]

בשביל זה נראה לי תשתמש בהתניה בdjango, במידה ויש את מס' השורות תוסיף את הCSS הרלוונטי.
אגב מבחינה עיצובית עדיף שתחיל את הטורים רק על השורות ולא על כלל הדף.

פורסם במקור בפורום CODE613 ב31/08/2017 14:10 (+03:00)

[dovid]

עוד הערה לא קשורה: לענ"ד, במקום לשים עמודה של סוג יחידה, תוסיף בעמודת הכמות את המילה קילו וכו' וגם המספר שיהיה עשרוני רק בכזה מקרה.
במקרה של יחידות תעשה מס' שלם ואל תכתוב בכלל סוג יחידה.

פורסם במקור בפורום CODE613 ב31/08/2017 14:57 (+03:00)