{"id":2434,"date":"2017-03-04T12:05:10","date_gmt":"2017-03-04T12:05:10","guid":{"rendered":"https:\/\/infyblog.zluck.in\/?p=2434"},"modified":"2025-07-17T07:06:23","modified_gmt":"2025-07-17T07:06:23","slug":"multi-column-search-box-in-datatables-with-infyom-laravel-generator","status":"publish","type":"post","link":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/","title":{"rendered":"Multi Column Search box in Datatables with InfyOm Laravel Generator"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2434\" class=\"elementor elementor-2434\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8ba44fe elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8ba44fe\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d2dec31\" data-id=\"d2dec31\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\n\t\t<div class=\"elementor-element elementor-element-691adfa elementor-widget elementor-widget-text-editor\" data-id=\"691adfa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>UX and UI designs are similar and are often used interchangeably. In fact, these two words have completely different meanings and relay different activities. These two businesses have essentially been around for years, but only recently have been involved in the technology industry, which has been renamed to encourage UI and UX designers.<\/p><p>\u00a0<\/p><p>These two components are essential when it comes to digital products, but the roles are very different. They refer to various aspects of both product development as well as the actual design process. Although UX means &#8220;user experience&#8221; and UI means &#8220;user interface&#8221;, both jobs cover much more than they seem, which makes learning UX and UI more important at the same time.<\/p><h2>User Experience Design (UX)<\/h2><p>Originally defined by a cognitive scientist named Don Norman, the term &#8220;user experience&#8221; was defined before the 21st century. He described UX as &#8220;all aspects of the end-user interaction with the company, its services, and its products&#8221;.<\/p><p>\u00a0<\/p><p>UX can be applied to anything in life that creates an experience. Whether it&#8217;s a website, a mobile app, a theme park, or a tea party. UX doesn&#8217;t have to be related to anything in the world of graphic design. User experience is the user&#8217;s interactions and user &#8220;experience&#8221; with a product or service.<\/p><p>\u00a0<\/p><p>When it comes to digital products or services, UX is concerned with how a web page, mobile application, or software perceives the user. This may include simplifying the website checkout process or simplifying the application for general use.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6112a1f elementor-widget elementor-widget-image\" data-id=\"6112a1f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uxdesign-1024x536.jpg\" class=\"attachment-large size-large wp-image-2441\" alt=\"User Experience Design\" srcset=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uxdesign-1024x536.jpg 1024w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uxdesign-300x157.jpg 300w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uxdesign-768x402.jpg 768w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uxdesign.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f70530f elementor-widget elementor-widget-text-editor\" data-id=\"f70530f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>You could say that a UX design job requires marketing, design, and project management skills. It is a complex role. Regardless of whether it is being applied to a car, shoe, or website, UX Designer&#8217;s main goal is to create a simple and pleasant user experience. The product needs to communicate the owner\u2019s goals, while also meeting the needs of the user.<\/p><h2>User Interface Design (UI)<\/h2><p>UX and user interface (UI) are often compared or grouped in the same job description. These two modes are very different, leaving the UI to be misinterpreted.<\/p><p>\u00a0<\/p><p>Often when looking at job descriptions for UI offerings, you will see a closer description of graphic design. Although UI positions sometimes deal with parts of branding or even frontend development, they do not indicate the original position.<\/p><p>\u00a0<\/p><p>User interface design is a digital term. This is mainly where it differs from UX. A UI is simply an interaction between a user and a digital product or service. This may include a touchpad that allows you to select your coffee from an automatic coffee machine or from your computer screen. It also deals with applications and websites that look and feel how the user interacts with the product.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc48761 elementor-widget elementor-widget-image\" data-id=\"dc48761\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uidesign-1024x536.jpg\" class=\"attachment-large size-large wp-image-2442\" alt=\"User Interface Design\" srcset=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uidesign-1024x536.jpg 1024w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uidesign-300x157.jpg 300w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uidesign-768x402.jpg 768w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/uidesign.jpg 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1571bb0 elementor-widget elementor-widget-text-editor\" data-id=\"1571bb0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The main purpose of the UI is that the designer will use design tools that enable better communication between the designer and the developer. This in turn will facilitate implementation with developers.<\/p><p>\u00a0<\/p><p>The user interface is an incredibly important element that allows the user to trust the brand. The UI designer is also responsible for relaying the message of the product as well as its research and content into a compelling display or experience.<\/p><h2>UX vs. UI<\/h2><p>The comparison of UX and UI is almost like apple and orange. If you take the human brain with the right hand representing creativity (usually left-handed individuals), this would be the UI design. If the left side of the brain represents the analysis (usually right-handed individuals), then the left side UX.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f989a7 elementor-widget elementor-widget-image\" data-id=\"2f989a7\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"419\" src=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/ui_ux-1024x536.png\" class=\"attachment-large size-large wp-image-2446\" alt=\"UX vs. UI\" srcset=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/ui_ux-1024x536.png 1024w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/ui_ux-300x157.png 300w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/ui_ux-768x402.png 768w, https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/ui_ux.png 1200w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d41dd1d elementor-widget elementor-widget-text-editor\" data-id=\"d41dd1d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>UI design is creative, fuzzy, beautiful, and presentable. UX design is, alternatively, the optimization, organization, and structure of the data to be implemented. Without one or the other, the project cannot be completed. To complete the product, you may not lack UX or UI. Despite this, they have completely different roles with different functions.<\/p><p>\u00a0<\/p><p>In general, a UX designer will need to fully map the entire user&#8217;s journey to solve a specific problem in a product. Much of the UX Designer&#8217;s job is to understand the user&#8217;s problems and how to solve them. UX designers work by researching to understand the users they are targeting and what their needs will be.<\/p><p>\u00a0<\/p><p>Alternatively, UI designers consider all aspects of the visual elements. Everything from the first screen to the last screen. The UI designer will make sure the colors are readable. This may include ensuring that a partially blind 65-year-old feels comfortable using the same screen as a normal 13-year-old.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>UX and UI designs are similar and are often used interchangeably. In fact, these two words have completely different&#8230;<\/p>\n","protected":false},"author":2,"featured_media":2437,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"two_page_speed":[],"footnotes":""},"categories":[9],"tags":[58,56],"class_list":["post-2434","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laravel","tag-datatable","tag-infyom-laravel-generator"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Multi Column Search box in Datatables with InfyOm Laravel Generator<\/title>\n<meta name=\"description\" content=\"Learn to implement multi-column search in DataTables with InfyOm Laravel Generator, set up filters, AJAX queries, and dynamic column search.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Multi Column Search box in Datatables with InfyOm Laravel Generator\" \/>\n<meta property=\"og:description\" content=\"Learn to implement multi-column search in DataTables with InfyOm Laravel Generator, set up filters, AJAX queries, and dynamic column search.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog | InfyOm Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/infyom\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-04T12:05:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-17T07:06:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png\" \/>\n\t<meta property=\"og:image:width\" content=\"772\" \/>\n\t<meta property=\"og:image:height\" content=\"484\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"InfyOm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InfyOm\" \/>\n<meta name=\"twitter:site\" content=\"@InfyOm\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InfyOm\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\"},\"author\":{\"name\":\"InfyOm\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754\"},\"headline\":\"Multi Column Search box in Datatables with InfyOm Laravel Generator\",\"datePublished\":\"2017-03-04T12:05:10+00:00\",\"dateModified\":\"2025-07-17T07:06:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\"},\"wordCount\":755,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/infyom.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png\",\"keywords\":[\"DataTable\",\"InfyOm Laravel Generator\"],\"articleSection\":[\"Laravel\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\",\"url\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\",\"name\":\"Multi Column Search box in Datatables with InfyOm Laravel Generator\",\"isPartOf\":{\"@id\":\"https:\/\/infyom.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png\",\"datePublished\":\"2017-03-04T12:05:10+00:00\",\"dateModified\":\"2025-07-17T07:06:23+00:00\",\"description\":\"Learn to implement multi-column search in DataTables with InfyOm Laravel Generator, set up filters, AJAX queries, and dynamic column search.\",\"breadcrumb\":{\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage\",\"url\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png\",\"contentUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png\",\"width\":772,\"height\":484,\"caption\":\"Multi Column Search box in Datatables with InfyOm Laravel Generator\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/infyom.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Multi Column Search box in Datatables with InfyOm Laravel Generator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/infyom.com\/blog\/#website\",\"url\":\"https:\/\/infyom.com\/blog\/\",\"name\":\"Blog | InfyOm Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/infyom.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/infyom.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/infyom.com\/blog\/#organization\",\"name\":\"InfyOm Technologies\",\"url\":\"https:\/\/infyom.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png\",\"contentUrl\":\"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png\",\"width\":88,\"height\":41,\"caption\":\"InfyOm Technologies\"},\"image\":{\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/infyom\",\"https:\/\/x.com\/InfyOm\",\"https:\/\/www.instagram.com\/infyomtechnologies\/\",\"https:\/\/in.linkedin.com\/company\/infyom-technologies\",\"https:\/\/github.com\/infyomlabs\",\"https:\/\/x.com\/infyom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754\",\"name\":\"InfyOm\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/infyom.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g\",\"caption\":\"InfyOm\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Multi Column Search box in Datatables with InfyOm Laravel Generator","description":"Learn to implement multi-column search in DataTables with InfyOm Laravel Generator, set up filters, AJAX queries, and dynamic column search.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/","og_locale":"en_US","og_type":"article","og_title":"Multi Column Search box in Datatables with InfyOm Laravel Generator","og_description":"Learn to implement multi-column search in DataTables with InfyOm Laravel Generator, set up filters, AJAX queries, and dynamic column search.","og_url":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/","og_site_name":"Blog | InfyOm Technologies","article_publisher":"https:\/\/www.facebook.com\/infyom","article_published_time":"2017-03-04T12:05:10+00:00","article_modified_time":"2025-07-17T07:06:23+00:00","og_image":[{"width":772,"height":484,"url":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png","type":"image\/png"}],"author":"InfyOm","twitter_card":"summary_large_image","twitter_creator":"@InfyOm","twitter_site":"@InfyOm","twitter_misc":{"Written by":"InfyOm","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#article","isPartOf":{"@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/"},"author":{"name":"InfyOm","@id":"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754"},"headline":"Multi Column Search box in Datatables with InfyOm Laravel Generator","datePublished":"2017-03-04T12:05:10+00:00","dateModified":"2025-07-17T07:06:23+00:00","mainEntityOfPage":{"@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/"},"wordCount":755,"commentCount":0,"publisher":{"@id":"https:\/\/infyom.com\/blog\/#organization"},"image":{"@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png","keywords":["DataTable","InfyOm Laravel Generator"],"articleSection":["Laravel"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/","url":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/","name":"Multi Column Search box in Datatables with InfyOm Laravel Generator","isPartOf":{"@id":"https:\/\/infyom.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage"},"image":{"@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png","datePublished":"2017-03-04T12:05:10+00:00","dateModified":"2025-07-17T07:06:23+00:00","description":"Learn to implement multi-column search in DataTables with InfyOm Laravel Generator, set up filters, AJAX queries, and dynamic column search.","breadcrumb":{"@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#primaryimage","url":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png","contentUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/multi-column-search.png","width":772,"height":484,"caption":"Multi Column Search box in Datatables with InfyOm Laravel Generator"},{"@type":"BreadcrumbList","@id":"https:\/\/infyom.com\/blog\/multi-column-search-box-in-datatables-with-infyom-laravel-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/infyom.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Multi Column Search box in Datatables with InfyOm Laravel Generator"}]},{"@type":"WebSite","@id":"https:\/\/infyom.com\/blog\/#website","url":"https:\/\/infyom.com\/blog\/","name":"Blog | InfyOm Technologies","description":"","publisher":{"@id":"https:\/\/infyom.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/infyom.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/infyom.com\/blog\/#organization","name":"InfyOm Technologies","url":"https:\/\/infyom.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png","contentUrl":"https:\/\/infyom.com\/blog\/wp-content\/uploads\/2024\/06\/InfyOm-Logo.png","width":88,"height":41,"caption":"InfyOm Technologies"},"image":{"@id":"https:\/\/infyom.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/infyom","https:\/\/x.com\/InfyOm","https:\/\/www.instagram.com\/infyomtechnologies\/","https:\/\/in.linkedin.com\/company\/infyom-technologies","https:\/\/github.com\/infyomlabs","https:\/\/x.com\/infyom"]},{"@type":"Person","@id":"https:\/\/infyom.com\/blog\/#\/schema\/person\/659bfc844c333d041221e83c5f5ec754","name":"InfyOm","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/infyom.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1ad162864d8d33c04ea9e6d0333cc483?s=96&d=mm&r=g","caption":"InfyOm"}}]}},"_links":{"self":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts\/2434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/comments?post=2434"}],"version-history":[{"count":8,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts\/2434\/revisions"}],"predecessor-version":[{"id":8138,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/posts\/2434\/revisions\/8138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/media\/2437"}],"wp:attachment":[{"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/media?parent=2434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/categories?post=2434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infyom.com\/blog\/wp-json\/wp\/v2\/tags?post=2434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}