edit css file

[Benahmed Abdelkrim]

HI,...
     I want to print 2 tables on each page. yes I know; I need to change the file.css, but I do not know how. is that you have an idea?

[Volker Dirr]

You can see this in the css file:

Code Select Expand

table.odd_table {
  page-break-before: always;
}

table.even_table {
  page-break-before: always;
}

Remove the second (even) page-break line (not the first one), so it should look like this:

Code Select Expand

table.odd_table {
  page-break-before: always;
}

table.even_table {
 
}

[Benahmed Abdelkrim]

  thank you so much;
and how to do if you want to print 3 pages at once?

Another question if you allow: how to delete the sentence: "back to the top" that is between the tables.

[Volker Dirr]

Search this:

Code Select Expand

p.back {
  margin-top: 4ex;
  margin-bottom: 5ex;
}

And modify to this:

Code Select Expand

p.back {
  margin-top: 4ex;
  margin-bottom: 5ex;
  display:none;
}

[Benahmed Abdelkrim]

thank you, mr volker for your Quick response , but the tables are pushed together, how to separate?

[Benahmed Abdelkrim]

 i think i found it:
search this.

Code Select Expand

table {
  text-align: center;
}
and modify to this:

Code Select Expand

table {margin-top: 7ex;
  text-align: center;
}
the number(7) can be changed.
think you so much, mr volker.
regards.

[Volker Dirr]

Yes, that is a solution. (adding a margin at the table)

Sadly i didn't add a solution to add 3 tables on a paper.

[Benahmed Abdelkrim]

other solution:
we open the html file of table with a code editor like Notepad ++, then follow:
Notepad++ -> Search -> find .
a small window opens, click on: Replace.
in the field: Find what, you write: Back to the lop.
let the field: Replace with, empty.
Then we click the right button: Replace all.
then close the small window, and click save.
Finally, open your html file, as you made Normally.

[Benahmed Abdelkrim]

 a solution to add 3 tables on a paper:
...

Code Select Expand

/* To do a page-break only after every second timetable, delete "page-break-before: always;" in "table.even_table". */
/* To hide an element just write the following phrase into the element: "display:none;" (without quotes). */
p.back {display:none;
  margin-top: 4ex;
  margin-bottom: 5ex;
}
p {
page-break-after: always;  /* impose page break aprés la liste non ordoné ul */
}

table {page-break-inside: avoid; /* to avoid cuts in printing tables */
  text-align: center;
}



table.odd_table {
/*  page-break-before:always; */

}

table.even_table {
/* page-break-before:always; */
}

table.detailed {
  margin-left:auto; margin-right:auto;
  text-align: center;
  border: 0px;
  border-spacing: 0;
  border-collapse: collapse;
}

caption {margin-top:30px;

}

thead {

}

/* Some programs import "tfoot" incorrectly. So we use "tr.foot" instead of "tfoot". */

tr.foot {

}

tbody {font-size:10px; /*  to adjust the size of the tables  */

}

th {

}

td {

}

td.detailed {
  border: 1px dashed silver;
  border-bottom: 0;
  border-top: 0;
}
...
...
...

I attached the file. css.

[Volker Dirr]

you add a page-break after each <p>-element.
so it will also break after each "back to the top".
i guess you removed that with an editor. i guess you removed the whole "<p class="back"><a href="#top">back to the top</a></p>"
but your solution is then still just luck. as soon as the table is a bit longer or shorter, it will break after an other number of tables.

[Benahmed Abdelkrim]

 if you see the code, you see that I removed "back to the top."
I attached an example:

[Volker Dirr]

yes, exactly what i thought.
so in fact you don't do a page-break after tables at all.
it is just luck that you have got 3 on a page.
see the attached picture.
i opened your file and "only" reduced the font-size down to 50% with firefox (NOT with css!).
Now there are 5 tables on a page.
so it only depend on the font size that there are 3 tables. if you have got larger tables (larger font-size, more hours per day, more teachers per activity, ...), then there won't be a page break after 3, it will be earlier.
if you have smaller font size, less hours per day, ..., then the break will be later, so there will be more tables on a paper.
but html doesn't guaranties, that the table won't break at all. so you just have luck. you didn't set a page-break at all after the tables.

[Benahmed Abdelkrim]

 yes, that's what we wanted, control the number of tables you want to print per page, we adjusted the "font-size". This is a tip if you want.

[Volker Dirr]

Sadly html doesn't guarantee that the last table on a page won't be split to the next page. so it depend on your tables and your web browser. if you have got longer tables (more rows) your web browser will split the table. so this "tip" is only a workaround which might fail. the changes that it will fail increase dramatically with older web browsers and with higher number of rows. it is not a real page-break. it is just luck.

[Benahmed Abdelkrim]

 may be a chance, maybe not. essential that it works, especially with Google Chrome latest version.
another example