Ajouter une ligne à une table après en 1er row

Version imprimable

Bonjour à tous,

j'utilise le plugin BSTable pour éditer et ajouter des lignes à une table. quand je clique sur un bouton, ça m'ajoute bien une ligne mais tout en bas du tableau. comment faire pour que celle ligne soit ajouter tout en haut du tableau après l'entete ?
voici le bout de code qui permet d'ajouter une ligne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 let $lastRow = this.table.find('tr:last');
 
            $lastRow.clone().appendTo($lastRow.parent());
            $lastRow = this.table.find('tr:last');
            let $cols = $lastRow.find('td'); //lee campos
            $cols.each(function() {
                let column = this; // Inner function this (column object)
                if ($(column).attr('name') == 'bstable-actions') {
                    // action buttons column. change nothing
                } else {
                    $(column).html(''); // clear the text
                }
            });

merci pour votre aide...

21/12/2022, 15h49
SpaceFrog

Code:

.prepend()
21/12/2022, 16h43
Maysa56

Merci pour ta réponse.
comme ceci ?

Code:

prepend

ça me vide tout mon tableau....
21/12/2022, 16h49
SpaceFrog

append = ajouter à la fin
prepend = ajouter au début ...

https://api.jquery.com/prepend/

Citation:

Envoyé par SpaceFrog

.prepend()

Merci,

j'ai remplacé le code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
let $lastRow = this.table.find('tr:last');
*
            $lastRow.clone().appendTo($lastRow.parent());
            $lastRow = this.table.find('tr:last');
            let $cols = $lastRow.find('td'); //lee campos
            $cols.each(function() {
                let column = this; // Inner function this (column object)
                if ($(column).attr('name') == 'bstable-actions') {
                    // action buttons column. change nothing
                } else {
                    $(column).html(''); // clear the text
                }
            });

par

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
let $lastRow = this.table.find('tr:last');
*
            $lastRow.clone().prependTo($lastRow.parent());
            $lastRow = this.table.find('tr:last');
            let $cols = $lastRow.find('td'); //lee campos
            $cols.each(function() {
                let column = this; // Inner function this (column object)
                if ($(column).attr('name') == 'bstable-actions') {
                    // action buttons column. change nothing
                } else {
                    $(column).html(''); // clear the text
                }
            });

curieusement la première fois quand je clique sur ajouter, ça me mets la ligne en bas, et si je reclique sur ajouter, la linge est bien ajoutée en haut .8O. Auriez-vous une idée de ce qui cloche ?

22/12/2022, 10h33
SpaceFrog

pourquoi passer par prependTo ?