faria normalmente, junto com o arquivo CSS (voce precisara copiar todo o conteudo inteiro do 'css' diretorio incluindo as imagens).Depois de criar um elemento de tabela em sua pagina com um id 'flex1' para este exemplo, voce pode criar e incluir um arquivo javascript que consiste no seguinte codigo. A Flexigrid sera entao criada no carregamento da pagina.$(function() { $("#flex1").flexigrid({ url: 'staff.php', dataType: 'json', colModel : [ {display: 'ID', name : 'id', width : 40, sortable : true, align: 'left'}, {display: 'First Name', name : 'first_name', width : 150, sortable : true, align: 'left'}, {display: 'Surname', name : 'surname', width : 150, sortable : true, align: 'left'}, {display: 'Position', name : 'email', width : 250, sortable : true, align: 'left'} ], buttons : [ {name: 'Edit', bclass: 'edit', onpress : doCommand}, {name: 'Delete', bclass: 'delete', onpress : doCommand}, {separator: true} ], searchitems : [ {display: 'First Name', name : 'first_name'}, {display: 'Surname', name : 'surname', isdefault: true}, {display: 'Position', name : 'position'} ], sortname: "id", sortorder: "asc", usepager: true, title: "Staff", useRp: true, rp: 10, showTableToggleBtn: false, resizable: false, width: 700, height: 370, singleSelect: true });});PropriedadesUsando o script acima como base para a sua rede, voce pode personaliza-lo para atender as suas necessidades usando as propriedades javascript diversas. Por exemplo, voce pode especificar em qual coluna os resultados devem ser classificados inicialmente e se classificar em ordem crescente ou decrescente. As propriedades mais comuns sao mostrados abaixo. PropriedadeDescricaourl Esta e uma URL do script do lado do servidor que fornece uma representacao JSON ou XML dos resultados a serem exibidos na grade usando AJAX. dataType Voce pode optar por ter o seu retorno do script de servidor ou de dados JSON ou XML. colModel Este e um array contendo uma lista de colunas a utilizar. Voce pode definir o nome de exibicao, a largura, se a coluna pode ser ordenada e alinhamento do texto. buttons E possivel utilizar essa matriz para adicionar botoes na parte superior do Flexigrid especificando uma funcao de callback, por exemplo, voce pode querer criar botoes para adicionar, editar e excluir registros. A propriedade bClass e a classe CSS usada para definir a imagem de fundo para o botao, etcsearchItems Usando isso, voce pode especificar quais colunas a serem usadas para procurar os resultados usando a area de "pesquisa rapida". Voce simplesmente especifica um nome de exibicao para a opcao de pesquisa, o nome da coluna, e se a coluna e a opcao padrao de busca. sortname Esta propriedade e usada para especificar a coluna inicial para classificar. sortorder Especificando o 'asc' ou 'desc' para esta propriedade ira definir a ordem de classificacao inicial. usepager Os botoes de navegacao da pagina pode ser ligado ou desligado usando essa propriedade. title Este e o titulo que aparecera no topo da Flexigrid. useRp Se permite ao usuario especificar o numero de resultados por pagina. rp O numero inicial de resultados por pagina. showTableToggleBtn Isso ira ativar / desativar a minimizacao dos Flexigrid com um icone no canto superior direito. width A largura da Flexigrid. height A altura da Flexigrid. singleSelect