Download "Unobtrusive sortable table" script

Demo

Put this into your <HEAD> section

Put this into your <BODY> section

Configuration

Table syntax

This script is very easy to set up. First you create your table. Example:

<table id="myTable">
  <colgroup>
    <col id="col1_1"></col>
    <col id="col1_2"></col>
    <col id="col1_3"></col>
    <col id="col1_4"></col>
    <col id="col1_5"></col>
  </colgroup>
  <thead>
    <tr>
      <td>Name</td>
      <td>Age</td>
      <td>Position</td>
      <td>Income</td>
      <td>Gender</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>37</td>
      <td>Managing director</td>
      <td>90.000</td>
      <td>Male</td>
    </tr>
    <tr>
      <td>Susan</td>
      <td>34</td>
      <td>Partner</td>
      <td>90.000</td>
      <td>Female</td>
    </tr>
    <tr>
      <td>David</td>
      <td>29</td>
      <td>Head of production</td>
      <td>70.000</td>
      <td>Male</td>
    </tr>
    <tr>
      <td>Laura</td>
      <td>29</td>
      <td>Head of marketing</td>
      <td>70.000</td>
      <td>Female</td>
    </tr>
    <tr>
      <td>Kate</td>
      <td>18</td>
      <td>Marketing</td>
      <td>50.000</td>
      <td>Female</td>
    </tr>
  </tbody>
</table>

It's important that you give your table an "id"(example: <TABLE id="myTable">). The table should also have a <THEAD> and a <TBODY> tag. <THEAD> is used to identify the table header. The <TD> tags here are the ones you can click on to sort the table. The content of the <TBODY> tag is the sortable part of your table.

The <COLGROUP> is used to highlight the column you're table is sorted by. This is an effect you can add by adding css rules to the highlightedColumn class.

Initialize the script

A Javascript function "initSortTable" is used to make your table sortable. You call this function on a line below your HTML table. This function takes two arguments.

  • ID of table = The id of your table(example:"myTable" for <TABLE id="myTable">)
  • An array indicating how to sort your table. Possible values: "S" = String, "N" = Numeric, false = No sort)

This is an example of how this function can be called:

<script type="text/javascript">
initSortTable('myTable',Array('S','N','S','N','S'));
</script>

Highlight current column

It's possible to add highlight effects to the column the table is sorted by. This is very simple. Just add some css effects to the css class "highlightedColumn",
example:

.highlightedColumn{
  background-color:#CCC;
}

Comments

pet


Greater by simplicity.
Thank you.
pet at 09:14AM, 2011/06/25.
Dave
Elegant. I think it would be better with a sort direction icon at the right edge of the column head.
Dave at 01:00AM, 2013/05/29.
Manuel
dont move the last row please!! my englis is bad
Manuel at 10:49PM, 2013/10/08.
JamesSeems
Solid Tips For Making Money At Home

They aren't absolutely clear on the steps they need to take to accomplish it, even though everyone today wants to get involved with a property business. If you feel it's intimidating, then this post is for you. These article will show you how you can successfully manage a work at home business.

Building a business in your house is fun, although challenging. Find your niche, your city of expert knowledge, and change from there. You must know it thoroughly, though it can be just about everything. Before aggressively pursuing just one thing, shop around. Network with some other home business owners that are successful.

Set up a difference between work and personal time by developing a set schedule of labor hours. Determine an ending time for every workday. Be sure you schedule plenty of time for your personal loved friends and ones and for your very own interests.

You will need a separate PO Box create for your home based business. Don't put your own home address online in the event you don't ought to. This will aid protect the identities of your and also you family.

You must describe your small business within a couple sentences, often known as a company objective. Ideally, your statement should tell a bit relating to your business goals, the reason why you started this business and then any other mission related information. Be sure to explain why is your business unique as well as its goals within these sentences.

Dedicate spaces or pages for banner sharing. This will enable you to swap banner links with assorted webmasters you know. This will also help your search engine results and help your products and pages that can be found easier.

Locate your business niche. You must target a crowd that will be interested in your merchandise. With this particular firmly at heart, the selling is easy. Ask people how they feel about the niche you have chosen. You should further make sure they know you would love the company, and get them if they can refer someone to you. Go to your industry trade shows and watch who seems to be buying. Afterward, make sure to followup.

A good way to gather info on having a home based business is join an online forum on the subject. This enables you to find others who are in similar situations. Other work from your home company owners may have faced similar obstacles and frustrations, and talking with them will help you to share ideas and experiences.

To locate success having a do business from home business, you should get confident with selling yourself. Since you own your home-based business enterprise, you're going to have to speak to many potential customers. The final goal is usually to give the perception of high quality and experience whenever you communicate with those that may bring you customers, directly or indirectly. Discover ways to promote yourself successfully since this will help improve your profits.

When you have a house business enterprise, good liability insurance is essential. If you have clients directly into your workplace, this can be much more important. You may be protected in the event that someone has an accident in the property.

By using these tips and taking advantage of them, it won't be that difficult to get a successful home business. Like every other thing, knowledge associated with the drive to complete something works hand-in-hand in achieving success. By using these suggestions, you are going to secure the kind of income you would like for yourself family and get it done at home!


https://thetrueone1.blogspot.com/2019/06/oody-geffen_2.html


geffen oody
JamesSeems at 02:23PM, 2019/06/28.

Post your comment

Don't have an avatar? Create one at Gravatar.com.

Confirmation code:

Go to cbolson.com


About/Contact | A good idea? | Submit a script | Privacy notice
© 2005 - 2019 dhtmlgoodies.com