add show_in_grid flag in webform

frappe/website/doctype/web_form/templates/web_form.html

@@ -62,12 +62,17 @@
 	</p>
 </div>
 {% elif is_list %}
-	<div class="web-form-list">
-		<div class="results"></div>
-		<div class="more-block {% if not show_more -%} hide {%- endif %}">
-			<button class="btn btn-default btn-more btn-sm">{{ _("More") }}</button>
+	{% if show_in_grid %}
+		<div class="web-form-list">
+			<div class="results"></div>
+			<div class="more-block {% if not show_more -%} hide {%- endif %}">
+				<button class="btn btn-default btn-more btn-sm">{{ _("More") }}</button>
+			</div>
 		</div>
-	</div>
+	{% else %}
+		{% include "templates/includes/list/list.html" %}
+		<script>{% include "templates/includes/list/list.js" %}</script>
+	{% endif %}
 {% else %}
 <br>
 

frappe/website/doctype/web_form/test_web_form.js

@@ -0,0 +1,23 @@
+/* eslint-disable */
+// rename this file from _test_[name] to test_[name] to activate
+// and remove above this line
+
+QUnit.test("test: Web Form", function (assert) {
+	let done = assert.async();
+
+	// number of asserts
+	assert.expect(1);
+
+	frappe.run_serially([
+		// insert a new Web Form
+		() => frappe.tests.make('Web Form', [
+			// values to be set
+			{key: 'value'}
+		]),
+		() => {
+			assert.equal(cur_frm.doc.key, 'value');
+		},
+		() => done()
+	]);
+
+});

frappe/website/doctype/web_form/web_form.py

@@ -171,6 +171,8 @@ def get_context(context):
 		if not context.max_attachment_size:
 			context.max_attachment_size = get_max_file_size() / 1024 / 1024
 
+		context.show_in_grid = self.show_in_grid
+
 	def load_document(self, context):
 		'''Load document `doc` and `layout` properties for template'''
 		if frappe.form_dict.name or frappe.form_dict.new:

frappe/website/js/web_form.js

@@ -4,7 +4,9 @@ import DataTable from 'frappe-datatable';
 frappe.ready(function() {
 	if(web_form_settings.is_list) {
 		$('body').show();
-		make_datatable('.web-form-list .results', web_form_settings.web_form_doctype);
+		if($('.web-form-list').length) {
+			make_datatable('.web-form-list .results', web_form_settings.web_form_doctype);
+		}
 		return;
 	}