Jquery Ui selectable issue in angularjs

Question

I have angularjs project.I have used jquery-ui selectable to select cell from table.If i used table with 10 rows and 10 cols selectable is working fine. but when Create table with 50rows and 50 cols it will create to much lagging and browser goes hang.
I have updated my code :

var table = '<table id="my-table-1" ><tr><td></td></tr></table>';
$('#my-container').html(table);
//insert
    var html = "";
    for (var i = 0; i < 25; i++) {
        html += '<tr>';
        for (var j = 0; j < 25; j++) {
            html += '<td></td>';
        }
        html += '</tr>';
    }
    $('#my-table-1').html(html);
    $('#my-table-1').selectable();

Jeson Dias · Accepted Answer · 2018-04-13 10:30:27Z

0

You will have to create the table as a directive implementation . $compile(table[0])($scope) & appendChild are expensive operations. Any sort of DOM manipulations must be handled in the link or compile method in the Directive . Don't write DOM logic in controllers if that's the case . Otherwise you'll have to elaborate further .

answered Apr 13, 2018 at 10:30

Jeson Dias

9753 gold badges11 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mitesh Prajapati Over a year ago

Thanks for reply @jeson Dias Please check my question once again I have updated my code.

Jeson Dias Over a year ago

Are you writing this in your .controller file ?

Collectives™ on Stack Overflow

Jquery Ui selectable issue in angularjs

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related