Discussion :

[Maysa56]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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...

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.prepend()

[Maysa56]

Merci pour ta réponse.
comme ceci ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

prepend

ça me vide tout mon tableau....

[SpaceFrog]

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

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

[Maysa56]

.prepend()

Merci,

j'ai remplacé le code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 .. Auriez-vous une idée de ce qui cloche ?

[SpaceFrog]

pourquoi passer par prependTo ?