<div>
Very good solution!<br />
<br />
I'm getting another issue related and posting another question.<br />
<br />
Thanks!
</div>


Very good solution!

I'm getting another issue related and posting another question.

Thanks!

<div>
<div class="content wysiwyg-content">
Hi Experts!<br />
<br />
Could you give a path for the resolution for this situation:<br />
<br />
I need to provide a set of 03 buttons to open 03 kind of grids.<br />
<br />
Accordingly with the Picture:<br />
<a href="https://filedb.experts-exchange.com/incoming/2015/11_w48/1034861/img_EE_001_241115.png" target="_blank" title="img grid (117 KB)"><img alt="img grid" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2015/11_w48/800_1034861/img_EE_001_241115.png" /></a><br />
If one of the 03 buttons &nbsp;is pushed a division is openned and the grid is populated with the correspondent data defined by the button.<br />
TODOS, PPAIS, PNAE<br />
<br />
And finally, the last button opens another division with just one kind of data.<br />
<br />
Thanks in advance!
</div>
</div>


img_EE_001_241115.png

Hi Experts!

Could you give a path for the resolution for this situation:

I need to provide a set of 03 buttons to open 03 kind of grids.

Accordingly with the Picture:


If one of the 03 buttons  is pushed a division is openned and the grid is populated with the correspondent data defined by the button.
TODOS, PPAIS, PNAE

And finally, the last button opens another division with just one kind of data.

Thanks in advance!

How to opena a division with a grid of data?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.