Как я могу добавить еще одно окно поиска фильтра для первых отфильтрованных данных - PullRequest
Новая
       19

Как я могу добавить еще одно окно поиска фильтра для первых отфильтрованных данных

0 голосов
/ 10 апреля 2020

Я хочу отфильтровать результаты ng-model = search с помощью поля ng-model = search1 для ng-model = search Я добавил фильтр для всех столбцов. ищем другой фильтр текстового поля для дальнейшей фильтрации результатов.

Второй фильтр должен применяться к первым отфильтрованным данным. Мне нужно от трех до четырех текстовых полей для фильтрации данных один за другим. 

<style>
   h4
   {
   color:#6600ff;
   }
 
    .foundText {
  background-color: #ff0;
  color: #f00;
}
        /*Menu style*/
        .tablink
        {
        color: #969595;
        }
        #sse1
{
    /*You can decorate the menu's container, such as adding background images through this block*/
    background-color: black;
    height: 18px;
    padding: 10px;
    border-radius: 3px;
    box-sizing: content-box;
    width:100%;
}
#sses1
{

    margin:20;/*This will make the menu center-aligned. Removing this line will make the menu align left.*/
    width:100%;
    background-color: black;
}
#sses1 ul 
{ 
    position: relative;
    list-style-type: none;
    float:left;
    padding:0;margin:0;
    border-bottom:solid 0px #6C0000;
    
    background-color: black;
}
#sses1 li
{
    float:left;
    list-style-type: none;
    padding:0;margin:0;background-image:none;
}
/*CSS for background bubble*/
#sses1 li.highlight
{
    background-color:#DC143C;
    top:26px;
    height:3px;
    
    z-index: 1;
    position: absolute;
    overflow:hidden;
}

#sses1 li a
{
    box-sizing: content-box;
    height:20px;
    padding-top: 8px;
    margin: 0 10px;/*used to adjust the distance between each menu item. Now the distance is 20+20=40px.*/
    
    font: Bold 12px arial;
    text-align: center;
    text-decoration: none;
    float: left;
    display: block;
    position: relative;
    z-index: 2;
}
        /*Menu style*/
        
div {
  display: flex;  
  flex-wrap: wrap;
}

input {
    
  border-radius: 4px;
   
    border:solid black 1px;
  margin-top:30px;
    margin-left: 50px;
  
  
    
  width:40%;
   height:0px; 
}
input[type="text"]
{
    font-size:18px;
    
    padding: 25px;
    
}

.black {
  
  background: black;
  height: 160px;
  width:100%;
  
}

body {
  margin: 0;
  padding: 0;
  font: 13px arial;
  
}
        
    ::placeholder {
           
         color:#808080;
          font-family:Geneva;
            font-size:16px
}
        .r
        {
            position: absolute;
            margin:40px;
            right: 180px;
            color: white;
            font-family: Geneva;
            
            margin-right: 10px;
        }
        .i
        {
            position: absolute;
            margin:40px;
            right: 9px;
            color: white;
            font-family: Arial;
            font-size: 24px;
            margin-right: 20;
        }
        .b
        {
          
            opacity: 0%;
        }
        table{
    display:table;
    width:1000%;
    table-layout:fixed;
}
td{
    display:table-cell;
    width:300px;
    word-wrap: break-word;
    
    border:solid black 1px;
    
}
img
{
    width:30%;
    
    border:solid Red 2px;

}


        </style>
image
...