Centralizar a tabela de listagem
Enviada por Anderson Garcia
|
Anderson Garcia
Centralizar a tabela de listagem 09 de September de 2016 às 05:30PM |
Boa tarde!!!
tem uma listagem que esta mais a esquerda e gostaria de deixar ela a direita ou centralizada como fazer??? Como centralizar a tabela da listagem deste código?:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<?php include "../index.html"; ?>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="CADASTRO">
<meta name="description" content="administração de cadastros">
<title> *** Cadastro *** </title>
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
color:#666;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
</style>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript">
var url;
function newUser(){
$('#dlg').dialog('open').dialog('setTitle','Adicionar Cadastro');
$('#fm').form('clear');
url = 'salvar_cadastroclientes.php';
}
function editUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$('#dlg').dialog('open').dialog('setTitle','Editar Cliente');
$('#fm').form('load',row);
url = 'atualizar_cadastroclientes.php?id='+row.id;
}
}
function saveUser(){
$('#fm').form('submit',{
url: url,
onSubmit: function(){
return $(this).form('validate');
},
success: function(result){
var result = eval('('+result+')');
if (result.success){
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({
title: 'Erro',
msg: result.msg
});
}
}
});
}
function removeUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$.messager.confirm('Confirmação','Tem certeza que deseja remover o Cadastro?',function(r){
if (r){
$.post('remover_cadastroclientes.php',{id:row.id},function(result){
if (result.success){
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.msg
});
}
},'json');
}
});
}
}
</script>
</head>
<body>
<h2> CADASTRO </h2>
<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip"> </div>
<div>Clique na opção desejada na barra de ferramentas.</div>
</div>
<table id="dg" title="Listagem" class="easyui-datagrid" style="width:1200px;height:380px;"
url="pegar_cadastroclientes.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="nome" width="110">Empresa / Nome</th>
<th field="nomefantasia" width="110">Nome Fantasia</th>
<th field="telefone" width="30">Telefone</th>
<th field="email" width="60">E-mail</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()" title="Click no botão Novo para adicionar um cadastra">Novo</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()" title="Selecione o cadastro que deseja alterar e click no botão Editar">Editar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUser()" title="Selecione o cadastro que deseja excluir e click no botão Excluir">Excluir</a>
</div>
<div id="dlg" class="easyui-dialog" style="width:800px;height:280px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">Dados do Cadastro</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>Nome:</label>
<input name="nome" class="easyui-validatebox" required="true" style="width:580px;height:15px">
</div>
<div class="fitem">
<label>Nome Fantasia:</label>
<input name="nomefantasia" class="easyui-validatebox" required="true"style="width:580px;height:15px">
</div>
<div class="fitem">
<label>Telefone:</label>
<input name="telefone">
</div>
<div class="fitem">
<label>E-mail:</label>
<input name="email" class="easyui-validatebox" validType="email"style="width:350px;height:15px">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Salvar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancelar</a>
</div>
</body>
</html>
tem uma listagem que esta mais a esquerda e gostaria de deixar ela a direita ou centralizada como fazer??? Como centralizar a tabela da listagem deste código?:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<?php include "../index.html"; ?>
</head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="CADASTRO">
<meta name="description" content="administração de cadastros">
<title> *** Cadastro *** </title>
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<link rel="stylesheet" type="text/css" href="css/icon.css">
<link rel="stylesheet" type="text/css" href="css/demo.css">
<style type="text/css">
#fm{
margin:0;
padding:10px 30px;
}
.ftitle{
font-size:14px;
font-weight:bold;
color:#666;
padding:5px 0;
margin-bottom:10px;
border-bottom:1px solid #ccc;
}
.fitem{
margin-bottom:5px;
}
.fitem label{
display:inline-block;
width:80px;
}
</style>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript">
var url;
function newUser(){
$('#dlg').dialog('open').dialog('setTitle','Adicionar Cadastro');
$('#fm').form('clear');
url = 'salvar_cadastroclientes.php';
}
function editUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$('#dlg').dialog('open').dialog('setTitle','Editar Cliente');
$('#fm').form('load',row);
url = 'atualizar_cadastroclientes.php?id='+row.id;
}
}
function saveUser(){
$('#fm').form('submit',{
url: url,
onSubmit: function(){
return $(this).form('validate');
},
success: function(result){
var result = eval('('+result+')');
if (result.success){
$('#dlg').dialog('close'); // close the dialog
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({
title: 'Erro',
msg: result.msg
});
}
}
});
}
function removeUser(){
var row = $('#dg').datagrid('getSelected');
if (row){
$.messager.confirm('Confirmação','Tem certeza que deseja remover o Cadastro?',function(r){
if (r){
$.post('remover_cadastroclientes.php',{id:row.id},function(result){
if (result.success){
$('#dg').datagrid('reload'); // reload the user data
} else {
$.messager.show({ // show error message
title: 'Error',
msg: result.msg
});
}
},'json');
}
});
}
}
</script>
</head>
<body>
<h2> CADASTRO </h2>
<div class="demo-info" style="margin-bottom:10px">
<div class="demo-tip icon-tip"> </div>
<div>Clique na opção desejada na barra de ferramentas.</div>
</div>
<table id="dg" title="Listagem" class="easyui-datagrid" style="width:1200px;height:380px;"
url="pegar_cadastroclientes.php"
toolbar="#toolbar" pagination="true"
rownumbers="true" fitColumns="true" singleSelect="true">
<thead>
<tr>
<th field="nome" width="110">Empresa / Nome</th>
<th field="nomefantasia" width="110">Nome Fantasia</th>
<th field="telefone" width="30">Telefone</th>
<th field="email" width="60">E-mail</th>
</tr>
</thead>
</table>
<div id="toolbar">
<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newUser()" title="Click no botão Novo para adicionar um cadastra">Novo</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editUser()" title="Selecione o cadastro que deseja alterar e click no botão Editar">Editar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeUser()" title="Selecione o cadastro que deseja excluir e click no botão Excluir">Excluir</a>
</div>
<div id="dlg" class="easyui-dialog" style="width:800px;height:280px;padding:10px 20px"
closed="true" buttons="#dlg-buttons">
<div class="ftitle">Dados do Cadastro</div>
<form id="fm" method="post" novalidate>
<div class="fitem">
<label>Nome:</label>
<input name="nome" class="easyui-validatebox" required="true" style="width:580px;height:15px">
</div>
<div class="fitem">
<label>Nome Fantasia:</label>
<input name="nomefantasia" class="easyui-validatebox" required="true"style="width:580px;height:15px">
</div>
<div class="fitem">
<label>Telefone:</label>
<input name="telefone">
</div>
<div class="fitem">
<label>E-mail:</label>
<input name="email" class="easyui-validatebox" validType="email"style="width:350px;height:15px">
</div>
</form>
</div>
<div id="dlg-buttons">
<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUser()">Salvar</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Cancelar</a>
</div>
</body>
</html>
|
Eduardo Molina
Re: Centralizar a tabela de listagem 28 de December de 2016 às 07:33PM |
Você precisa estar logado no PHPBrasil.com para poder enviar mensagens para os nossos fóruns.
Faça o login aqui.
Faça o login aqui.
Copyright © 2000-2022 João Prado Maia