프로그래밍/스크립트

jquery를 이용한 자동 table rowspanning

Doonee 2014. 5. 7. 16:34
반응형

        function tableRowSpanning(Table, spanning_row_index) {

            var RowspanTd = false;

            var RowspanText = false;

            var RowspanCount = 0;

            var Rows = $('tbody tr', Table);


            $.each(Rows, function () {

                var This = $('td', this)[spanning_row_index];

                var text = $(This).text();


                if (RowspanTd == false) {

                    RowspanTd = This;

                    RowspanText = text;

                    RowspanCount = 1;

                }

                else if (RowspanText != text) {

                    $(RowspanTd)

                    .attr('rowSpan', RowspanCount);


                    RowspanTd = This;

                    RowspanText = text;

                    RowspanCount = 1;

                }

                else {

                    $(This)

                    .remove();

                    RowspanCount++;

                }

            });


            // 반복 종료 후 마지막 rowspan 적용

            $(RowspanTd)

            .attr('rowSpan', RowspanCount);

        }


호출부분
    <script>
        tableRowSpanning($('#tbl'), 1);
        tableRowSpanning($('#tbl'), 0);
    </script>