예제부터 보겠습니다. 12345678910 번호 이름 나이 주소 cs 우선 HTML로 thead까지만 작성해줍니다. 다음으로 Jquery 소스입니다. 1234567891011121314151617181920var d_table = $('#table_1').DataTable({ "columnDefs": [{ "defaultContent": "-", "targets": "_all" }], pageLength: 10, bPaginate: true, responsive: true, processing: true, ordering: true, bServerSide: true, searching: false, "sAjaxSource": "/user/search_user?num=@", columns: [ { data..
JQUERY 검색 결과
1234567var otable = $('#item_info_table').DataTable(); $('#table tbody').on('dblclick', 'tr', function () { var data = otable.row( this ).data(); var col1 = data.col1; var col2 = data.col2});Colored by Color Scriptercs dblclick이나 click를 적정히 활용해서 바꿔주면되겠다.한 행(row) 클릭 시 각 컬럼을 받아오려고 할 때는data.??로 접근하면된다.
1234567 var targetForm = $("#form :input"); $.each(targetForm, function(index, elem){ $(this).val($(this).val().replace(/,/g, ''));}); var frm = $("#form").serialize();cs 폼 전송을 하려는데 기존에 찍혀있는 콤마때문에 계속 에러.... 내 머릿속 한계는 each문을 돌려 input에 대해 콤마를 제거해주는 방법 위처럼 replace(/,/g, '') 해주면 input에 있는 모든 콤마를 제거해준다!
창이 작아지거나 커지면 jqgrid가 벗어나거나 작아지지않아서 고민이였다. 그래서 라이브러리를 보니 jqgrid의 사이즈를 조절해주는 기능이 있었다. resize.jqGrid로 조절해주면된다. 코드는 아래 123$(window).on('resize.jqGrid', function () { jQuery("#jqgrid_ID").jqGrid( 'setGridWidth', $("#content").width() );});Colored by Color Scriptercs $("#content").width());#content는 태그의 id 값인데 jqGrid가 들어가있는 최상단 Div 태그의 id를 걸어주면 됩니다.해보진 않았지만 body를 걸어줘도 될 것 같네요.
12345678910colModel : [{name : to_date index : to_date align : "center" ,editable:true ,editoptions:{size:20, dataInit:function(el){ $(el).datepicker({dateFormat:'yy-mm-dd'}); }, defaultValue: function(){ var currentTime = new Date(); var month = parseInt(currentTime.getMonth() + 1); month = month