-
Conteúdo Similar
-
Por Jack Oliveira
Ola pessoal tarde ou boa noite
É o seguinte tenho mais de 10 mil registro no banco de dados, no DATATABLE esta demorando um pouco para fazer o carregamento destas informações
o tempo varia entre 16 á 20, 25 segundos para obter uma resposta.
Queria que esta resposta pudessem ser mais rápida, se teria como claro ela ser mais rápida possível...
Fiz um novo teste quantidade de arquivos 1mil arquivos a resposta é bem rapida não demora nem 3 segundo
Estou usando via ajax e json
<script type="text/javascript"> $(function () { $("#DataTableAjaxDT").DataTable({ "pageLength": 20, "paging": true, "lengthChange": true, "ajax": "ajax/registros.php", "searching": true, "aLengthMenu": [ [5, 10, 15, 20, 25, 30, 35, -1], [5, 10, 15, 20, 25, 30, 35, "Todos"] ], "ordering": true, "info": true, "autoWidth": true, "columnDefs": [{ "targets": 'no-sort', "orderable": false, }], "language": { "sEmptyTable": "Nenhum registro encontrado", "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros", "sInfoEmpty": "Mostrando 0 até 0 de 0 registros", "sInfoFiltered": "(Filtrados de _MAX_ registros)", "sInfoPostFix": "", "sInfoThousands": ".", "sLengthMenu": "Mostrar _MENU_ resultados por página", "sLoadingRecords": "Carregando...", "sProcessing": "Processando...", "sZeroRecords": "Nenhum registro encontrado", "sSearch": "Pesquisar", "oPaginate": { "sNext": "Próximo", "sPrevious": "Anterior", "sFirst": "Primeiro", "sLast": "Último" }, "oAria": { "sSortAscending": ": Ordenar colunas de forma ascendente", "sSortDescending": ": Ordenar colunas de forma descendente" } } }); }); </script>
-
Por DuduBacteria
Olá,
table = $('.dataTable').DataTable({ 'destroy':true, 'ajax':{ 'url':DIRPAGE + '/painel/exibir-brinde/todos', 'method':'GET', 'dataSrc':'' }, 'columns':[ {'data':'nome'}, {'data':'doc'}, {'data':'brinde'}, {'data':'data'}, {'data':'empresa'}, {'defaultContent':'<td class="id"><button class="btn btn-success btn-resgatar" value="id_usuario" id_brinde="id_brinde"><i class="fas fa-plus-circle"></i> Resgatar </button></td>'} ] });
-
Por jvb
Olá pessoas ...
Primeiro de tudo obrigado desde já ...
Estou criando conteúdo para estudos, aproveitando o tempo estudando PHP, Mysql e css Juntos e algumas ideias vão surgindo, não que elas sejam pra complicar, mais sim ficar mais objetivo o site Local. Sendo assim, ajuda dos colegas é .
----------------------------------------
Eu tenho 3 Colunas >
Coluna 1
Coluna 2
Coluna 3
as 3 segui height auto, de acordo com conteudo, sendo que a coluna 1 sempre tem height maior, pois é ela que mostra capitulos de um livro, por exemplo.
A coluna 2 tem conteudo do capitulo selecionado na coluna 1, nela coloco os titulos com links ancoras, de todo o capitulo ( selecionado na coluna 1), obviamente a coluna 3 contem o capitulo, com seus:
<p></p>
<img>
<strong>
<h1 a h6> etc...
ok.
O problema
----------------------------------------
eu gostaria de colocar a coluna 2 seguindo a rolagem da página top e bottom, para top, ok de boa, consigo com .rolagem { position: stick;} para bottom a coluna 2 é maior que a tela em alguns casos, então eu só consigo ver todo conteúdo ao chegar no final da coluna 1 ou 3.
Então seria na rolagem a baixo, a coluna 2 também rolar, mas ficar com conteudo sempre na tela. Pra baixo rola até o final, pra cima rola até o topo da coluna, nunca sair o conteúdo da tela, não importa o tamanho das colunas 1 e 3.
Como posso resolver? tem como só com css?
----------------------------------------
-
Por Leloruhan
Boa noite , estou com uma duvida de colocar a coluna ao lado da outra , segue imagens do código e do prototipo , alguém consegue me ajudar ? falar em que estou errando.
TENTEI USAR DISPLAY : FLEX E INLINE-BLOCK DECLARANDO AS COLUNAS TB MAS "não FUNCIONOU".
-
Por Jack Oliveira
Ola pessoa se a minha duvida estiver no topic errado pessoa desculpas
Mais é o seguinte fiz uns arquivos formato json funciona perfeitamente
porem alguns deles tem opção de abrir modal para cadastro e edição
mais eles não esta abrindo DataTable
Se eu fazer sem usar datatable direto no arquivo ele abre
o script esta da seguinte forma
<script type="text/javascript"> $(function () { $("#DataTableAjax").DataTable({ "pageLength": 25, "processing": true, "serverSide": true, "ajax": "ajax/<?php echo $UrlPage; ?>", "aLengthMenu": [ [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, -1], [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, "Todos"] ], "paging": true, "lengthChange": true, "searching": true, "ordering": true, "info": true, "autoWidth": true, "columnDefs": [{ "targets": 'no-sort', "orderable": false, }], "language": { "sEmptyTable": "Nenhum registro encontrado", "sInfo": "Mostrando de _START_ até _END_ de _TOTAL_ registros", "sInfoEmpty": "Mostrando 0 até 0 de 0 registros", "sInfoFiltered": "(Filtrados de _MAX_ registros)", "sInfoPostFix": "", "sInfoThousands": ".", "sLengthMenu": "Mostrar _MENU_ resultados por página", "sLoadingRecords": "Carregando...", "sProcessing": "Processando...", "sZeroRecords": "Nenhum registro encontrado", "sSearch": "Pesquisar", "oPaginate": { "sNext": "Próximo", "sPrevious": "Anterior", "sFirst": "Primeiro", "sLast": "Último" }, "oAria": { "sSortAscending": ": Ordenar colunas de forma ascendente", "sSortDescending": ": Ordenar colunas de forma descendente" } } }); }); </script> Bom acho que o arquivo a seguir não tem nada a ver, mais irei colocar mesmo assim. Na parte onde se o arquivo ajax/lojas.php que seria em formato json
esta assim
<?php return ob_get_clean(); } ), array( 'db' => 'id_empresa', 'dt' => 10, 'formatter' => function ($id_empresa, $row) { ob_start(); $ImprimirPermissao = GetPermissaoAcesso(); ?> <?php if (checkPermissao($ImprimirPermissao, 'lojas', 'produto', 'renovar')) { ?> <a class="btn btn-primary" href="#" data-toggle="modal" data-target="#modalRenovar_<?= $row['id_empresa'];?>"><i title="Nova data de renovação" class="fa fa-calendar" aria-hidden="true"></i></a> <?php } ?>
Modal assim
<?php $Query = DBRead('lojas','*'); if (is_array($Query)) { foreach ($Query as $dados) { ?> <div class="modal fade" id="modalRenovar_<?= $id_empresa;?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel"><b>LOJA: </b><?= $nome_empresa;?></h4> </div> <div class="modal-body"> <form method="post" action="?AtualizarEmpresa=<?= $id_empresa; ?>" enctype="multipart/form-data"> <div class="form-group"> <label>Nova data:</label> <input class="form-control" type="date" name="empresa_data_renovacao" required placeholder="00/00/0000"> </div> </div> <div class="modal-footer"> <input type="hidden" name="user_id" value="<?=$user_id;?>"> <center><hr> <button class="btn btn-primary">Atualizar</button> <br><br> </center> </form> </div> <div class="modal-footer"> </div> </div> </div> </div> <?php }} ?>
-
