Wednesday, November 23, 2016

Smart Table using AngularJS in Visualforce page

AngularJS provide functionality through which we can display records in table and can perform sorting, searching, pagination etc on client side (on Visualforce page). Previously we have to write sorting, searching logic in apex controller and need to call controller methods to perform operation and then rerender the page. AngularJS makes this job easy.

Below is sample angularJS code present in visualforce. This page display Account and its related cases. User can sort cases and search cases from related cases.

Please see below snaphot. In order to test this code, pass account id in url as below URL

Refer Below Links for Salesforce Interview Questions


  1. System.ListException: List index out of bounds: 0
    got error ?

    1. Hi Jagan,

      Pass the account Id in VF URL as parameters. Below is sample URL:

      Sunil Kumar

  2. All the blog writings are demonstration of what we call, Brilliant.

  3. Nice blog and nice post.Thak you so much for sharing.It is really helpful for a newbie like me. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging.Please check out Yiioverflow to know more about Angular JS framework and its wonderful feautres.

  4. This is an awesome post.Really very informative and creative contents. These concept is a good way to enhance the knowledge.I like it and help me to development very well.Thank you for this brief explanation and very nice information.Well, got a good knowledge.
    Angularjs course in chennai

  5. Thanks for one marvelous posting! I enjoyed reading it; you are a great author. I will make sure to bookmark your blog and may come back someday. I want to encourage that you continue your great posts, have a nice weekend!
    Online training in USA

  6. Expected to form you a next to no word to thank you once more with respect to the decent recommendations you've contributed here. Those guidelines additionally worked to become a good way to recognize that other people online have the identical fervor like mine to grasp great deal more around this condition. We are providing AngularJs training in velachry.
    For more details: AngularJs training in velachery

  7. I just needed to record a speedy word to express profound gratitude to you for those magnificent tips and clues you are appearing on this site. We are providing AngularJs training in Velachery.
    For more details: AngularJs Training in Chennai

  8. Needed to compose you a very little word to thank you yet again regarding the nice suggestions you’ve contributed here. we are providing AngularJs training in velachery.
    for more details: AngularJs training in velachery

  9. I am completely satisfied with the techniques you have written over here on angular js. The effort you made in this article is truly nice. If anybody is seeking for this angular tutorial in affordable price then contact us. Best Web Development In Angular Js Course In Delhi

  10. Being one of the best Angular JS Development Company USA , HireFullStackDeveloperIndia is devoted to providing the most excellent proficiency to deliver dazzling applications and websites. They aspire at delivering high-class AngularJS based solutions to assist their customers.

  11. Thanks for Sharing This Article.It is very so much valuable content. I hope these Commenting lists will help to my website
    devops online training
    best angularjs online training
    top angularjs online training

  12. Thanks for Sharing This Article.It is very so much valuable content. I hope these Commenting lists will help to my website
    angular js online training
    best angular js online training
    top angular js online training

  13. This comment has been removed by the author.

  14. Tagline Infotech is a SaaS development company offering top-notch, highly advanced, high-tech, and successful SaaS-based products to clients and customers.