Вопросы Теги

jQuery, выделяющий выбранные столбцы только в таблице

Подобное поведение существует, когда названия атрибута модуля начинаются с одинарного подчеркивания (например, _foo).

атрибуты Модуля, названные как таковыми, не будут скопированы в модуль импорта при использовании from* метод, например: 

from bar import *

Однако это - соглашение и не ограничение языка. Это не частные атрибуты; на них может сослаться и управлять любое средство импорта. Некоторые утверждают, что из-за этого, Python не может реализовать истинную инкапсуляцию.

6
задан Community 23 May 2017 в 10:34
поделиться

3 ответа

Для этого вам может потребоваться плагин jQuery tableHover . Затем используйте что-то вроде этого 

$('table.tbl').tableHover({
    colClass: 'hover', 
    clickClass: 'click', 
    headCols: true, 
    footCols: true 
});

РЕДАКТИРОВАТЬ:

Что-то вроде этого?

Рабочая демонстрация - Щелкните любую ячейку, чтобы выделить столбец

Код из демонстрации - 

$(function() {
  var rows = $('table.tbl tr');  

  rows.children().click(function() {

    rows.children().removeClass('highlight');  
    var index = $(this).prevAll().length;  
    rows.find(':nth-child(' + (index + 1) + ')').addClass('highlight');

  });
});
17
ответ дан 8 December 2019 в 04:09
поделиться

думали ли вы об использовании colgroups вместо добавления классов в каждую ячейку?

Я только недавно начал понимать мощь colgroups, и они работают следующим образом: 

 .highlight { цвет фона: желтый; } 
   < tbody> 
            
  header1   header2   header3   header4   header5   
  
  ячейка a   ячейка b   ячейка c   ячейка d   ячейка e  
 это отобразит таблицу с 5 столбцами, где 1 столбец имеет класс css для выделения первого столбца. так что на самом деле единственное, что вам нужно сделать, это добавить функцию к наведению на каждую ячейку, чтобы просто добавить класс выделения в соответствующую группу. 
 есть полный видеогид, который вы можете найти здесь:  table исправить заголовок и выделение строки + столбца. 
 * ОТредактировал ответ, потому что он не имел отношения к делу, я неправильно прочитал вопрос и ответил на совершенно другой вопрос. (добавлен правильный ответ) 
 есть полное видео-руководство, которое вы можете найти прямо здесь:  заголовок исправления таблицы и выделение строки + столбца. 
 * ОТредактировал ответ, потому что он не имеет отношения к делу, я неправильно прочитал вопрос и ответил полностью на другое дело. (добавлен правильный ответ) 
 есть полное видео-руководство, которое вы можете найти прямо здесь:  заголовок исправления таблицы и выделение строки + столбца. 
 * ОТредактировал ответ, потому что он не имеет отношения к делу, я неправильно прочитал вопрос и ответил полностью на другое дело. (добавлен правильный ответ) 

                     
                     
4

                  

                     ответ дан                      8 December 2019 в 04:09 
                  
поделиться

                  

                     
    
      
                                         

                  

               

            

               

                  

                     
 Если вы создадите ссылку в заголовках таблицы, вы можете сделать что-то вроде этого: 



$("table.tbl th a").click(function() {
   var colnum = $(this).closest("th").prevAll("th").length;

   $(this).closest("table").find("tr td").removeClass("highlight");
   $(this).closest("table").find("tr td:eq(" + colnum + ")").addClass("highlight");
}




 Это установит все ячейки под нажатой ссылкой на класс «выделить». 



 Конечно , вам все равно следует установить правильный стиль в своем файле CSS: 



table.tbl tr .highlight {  background-color: blue; }

                  

                  

                     
                     
1

                  

                  

                  

                     ответ дан                      8 December 2019 в 04:09 
                  

                  поделиться
               

                              

                  

                     
    
      
                                         

                  

               

            

         

          Другие вопросы по тегам:          

                   

        
Похожие вопросы:


        

          
        


      

    

      

        


          
© 2017 - 2020 Вопросы и ответы по программированию