vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB5 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=264)
-   -   responsive tables (https://vborg.vbsupport.ru/showthread.php?t=321641)

NumNum 01-29-2016 12:35 PM
responsive tables
 
Anyone here have a responsive html table code they want to share?

webmastersun 01-30-2016 12:29 AM
Quote:
Originally Posted by NumNum (Post 2563772)
Anyone here have a responsive html table code they want to share?
If you are using bootstrap then it's easy or you have to create your custom codes

Here's html codes with bootstrap integrated.

HTML Code:
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Responsive Tables</h2> < br/>
  <div class="table-responsive">         
  <table class="table">
    <thead>
      <tr>
        <th>#</th>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Age</th>
        <th>City</th>
        <th>Country</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>1</td>
        <td>Num</td>
        <td>Num</td>
        <td>28</td>
        <td>New York</td>
        <td>USA</td>
      </tr>
    </tbody>
  </table>
  </div>
</div>

</body>
</html>

NumNum 01-30-2016 08:43 AM
Quote:
Originally Posted by webmastersun (Post 2563825)
Here's html codes with bootstrap integrated.
[/HTML]
I was making tables with dreamweaver but they weren't responsive in the html module, its the bootstrap that enables that?

webmastersun 01-30-2016 09:15 AM
Quote:
Originally Posted by NumNum (Post 2563864)
I was making tables with dreamweaver but they weren't responsive in the html module, its the bootstrap that enables that?
What is the html module that you are mentioning? in dreamweaver?

if so, you need to save the codes and check it on real browsers ( like firefox, chrome..)

Of course you need to increase bootstrap libs :) to see how it works

NumNum 01-31-2016 08:46 PM
Quote:
Originally Posted by webmastersun (Post 2563866)
What is the html module that you are mentioning?
The static html module in vB 5.

I want to create an invisible table with no headers to insert logos into each cell, like a 3x6 table with logos in each c ell, and each logo will be a hyperlink to the companies website. The borders should be invisible, and the page responsive.


All times are GMT. The time now is 02:47 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.00987 seconds
  • Memory Usage 1,729KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_html_printable
  • (4)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (5)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete