| | |
| | | <style> |
| | | /* å½é¼ æ æ¬æµ®å¨è¡¨æ ¼ç奿°è¡ä¸æ¶æ¹åèæ¯è² */ |
| | | .layui-table tbody tr:nth-child(odd):hover { |
| | | background-color: #ffff00; /* æ´æ¹ä¸ºä½ æ³è¦çé¢è² */ |
| | | background-color: #ceedfa; /* æ´æ¹ä¸ºä½ æ³è¦çé¢è² */ |
| | | } |
| | | |
| | | /* å½é¼ æ æ¬æµ®å¨è¡¨æ ¼çå¶æ°è¡ä¸æ¶æ¹åèæ¯è² */ |
| | | .layui-table tbody tr:nth-child(even):hover { |
| | | background-color: #ffff00; /* æ´æ¹ä¸ºä½ æ³è¦çé¢è² */ |
| | | background-color: #ceedfa; /* æ´æ¹ä¸ºä½ æ³è¦çé¢è² */ |
| | | } |
| | | </style> |
| | | |
| | |
| | | //, toolbar: '#toolbarDemo' |
| | | , height: 'full-50' |
| | | , cellMinWidth: 90 |
| | | , page: true |
| | | , limit: 5 |
| | | //, page: true |
| | | , limit: 10 |
| | | , limits: [5, 10, 15, 20] |
| | | , totalRow: true |
| | | //, totalRow: true |
| | | , cols: [[ |
| | | { field: '代ç ', title: '代ç ', width: 150, sort: true } |
| | | , { field: 'åç§°', title: 'åç§°', width: 150, sort: true } |
| | |
| | | , data: [] |
| | | , done: function (res, curr, count) { |
| | | // è®¾ç½®è¡æ ·å¼ |
| | | var style = 'background-color: #ffff00;'; // æå®çèæ¯è² |
| | | var style = 'background-color: #ceedfa;'; // æå®çèæ¯è² |
| | | // å设æä»¬è¦è®¾ç½®ç¬¬ä¸è¡çèæ¯è² |
| | | var targetIndex = rowIndex; // è¡å·ç´¢å¼ï¼ä»0å¼å§è®¡æ° |
| | | $('tr[data-index=' + targetIndex + ']').attr('style', style); |
| | | |
| | | |
| | | //设置æ»å¨æ¡ä½ç½® |
| | | if (option.data.length > 0) { |
| | | // è¡¨æ ¼æ¸²æå®æ¯åçåè° |
| | | var parentObject = document.getElementById('mainTable').nextElementSibling.childNodes[0].childNodes[1].childNodes[0].childNodes[0]; |
| | | if (parentObject.childNodes.length > 0) { |
| | | var rowObject = parentObject.childNodes[0]; |
| | | var rowHeight = rowObject.offsetHeight; // è·åè¡é« |
| | | var rowPosition = rowHeight * rowIndex; |
| | | $('.layui-table-body').scrollTop(rowPosition); |
| | | } |
| | | } |
| | | } |
| | | }; |
| | | } |