JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<script src="//code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<table id="gdRows" class="table table-striped">

<tr>
<td onclick="teste()">
<strong>TENDER</strong>
</td>
<td>
<strong>DUE DATE</strong>
</td>
</tr>


<tr>
<td>
Template1.PDF
</td>
<td>
12/11/2012
</td>
</tr>

<tr>
<td>

</td>
<td>

</td>
</tr>

<tr>
<td>
dsdsds
</td>
<td>
sddsd
</td>
</tr>
    </table>
		
		
		<script>function teste(){
alert("click")
$("#gdRows tr").each(function() {        
    var cell = $.trim($(this).find('td').text());
    if (cell.length == 0){
        console.log('empty');
        $(this).attr('style= display: none');
    }                   
});

}</script>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}

JavaScript

function chamaFilter(){
	console.log("chamaFilter()")
var settings = {
        source: {
            url: '/api/public/ecm/dataset/search?datasetId=dsRetornoProdutos&searchField=Codprod&',
            /* Também poderia ser informada a URL completa:
            'http://{host}:{port}/api/public/ecm/dataset/search?datasetId=colleague&searchField=colleagueName&'
            É importante manter o "&" no final da URL, pois os outros parâmetros são montados
            sem levar em consideração que já possa haver algo parametrizado no próprio link */
            contentType: 'application/json',
            root: 'content',
            pattern: '',
            limit: 10,
            offset: 0,
            patternKey: 'searchValue',
            /*Para que a consulta funcione, é importante que o valor do 'patternKey'
            seja sempre 'searchValue' para o caso de zoom de dataset */
            limitkey: 'limit',
            offsetKey: 'offset'
        },
        displayKey: 'Descricao',
        /* Para o dataset de colleague optamos por mostrar o nome completo.
        É aconselhável escolher o campo que, sozinho, represente melhor o registro*/
        multiSelect: false,
        style: {
            autocompleteTagClass: 'tag-gray',
            tableSelectedLineClass: 'info'
        }
    };
	    
	    var rowCount = $('#tableItens tr').length;
	    
	    for (var i = 1; i < rowCount; i++) {
	       // form.setEnabled("quantidade___" + [i]);
	       console.log("FOR" + [i])
	       
	       var validaCampo = $("#zoomProdutoServico___" + i).val();
	       console.log("validaCampo " + validaCampo)
	       if(validaCampo == ""){
	    	   
	    	   var filter = FLUIGC.filter('#zoomProdutoServico___' + i, settings);
	       
	       }
	       
	       }
	        
	        
	
	    }