diff --git a/pydatalab/schemas/cell.json b/pydatalab/schemas/cell.json
index 24af57967..cda818bbb 100644
--- a/pydatalab/schemas/cell.json
+++ b/pydatalab/schemas/cell.json
@@ -417,14 +417,7 @@
           "title": "Num Items",
           "type": "integer"
         }
-<<<<<<< HEAD
-      },
-      "required": [
-        "collection_id"
-      ]
-=======
       }
->>>>>>> main
     },
     "File": {
       "title": "File",
diff --git a/pydatalab/schemas/sample.json b/pydatalab/schemas/sample.json
index a2cfb979f..c58827e5f 100644
--- a/pydatalab/schemas/sample.json
+++ b/pydatalab/schemas/sample.json
@@ -376,14 +376,7 @@
           "title": "Num Items",
           "type": "integer"
         }
-<<<<<<< HEAD
-      },
-      "required": [
-        "collection_id"
-      ]
-=======
       }
->>>>>>> main
     },
     "File": {
       "title": "File",
diff --git a/pydatalab/schemas/startingmaterial.json b/pydatalab/schemas/startingmaterial.json
index 602764da0..c72cfa0be 100644
--- a/pydatalab/schemas/startingmaterial.json
+++ b/pydatalab/schemas/startingmaterial.json
@@ -427,14 +427,7 @@
           "title": "Num Items",
           "type": "integer"
         }
-<<<<<<< HEAD
-      },
-      "required": [
-        "collection_id"
-      ]
-=======
       }
->>>>>>> main
     },
     "File": {
       "title": "File",
diff --git a/webapp/src/components/CollectionInformation.vue b/webapp/src/components/CollectionInformation.vue
index 661f353f7..b8aa2f902 100644
--- a/webapp/src/components/CollectionInformation.vue
+++ b/webapp/src/components/CollectionInformation.vue
@@ -25,11 +25,13 @@
     ></TinyMceInline>
 
     <!-- <CollectionRelationshipVisualization :collection_id="collection_id" /> -->
+    <FancyCollectionSampleTable :collection_id="collection_id" />
   </div>
 </template>
 
 <script>
 import { createComputedSetterForCollectionField } from "@/field_utils.js";
+import FancyCollectionSampleTable from "@/components/FancyCollectionSampleTable";
 import TinyMceInline from "@/components/TinyMceInline";
 // import CollectionRelationshipVisualization from "@/components/CollectionRelationshipVisualization";
 
@@ -48,6 +50,7 @@ export default {
   },
   components: {
     TinyMceInline,
+    FancyCollectionSampleTable,
     //    CollectionRelationshipVisualization,
   },
 };
diff --git a/webapp/src/components/FancyCollectionSampleTable.vue b/webapp/src/components/FancyCollectionSampleTable.vue
new file mode 100644
index 000000000..579f96a3e
--- /dev/null
+++ b/webapp/src/components/FancyCollectionSampleTable.vue
@@ -0,0 +1,169 @@
+<template>
+  <div v-if="isSampleFetchError" class="alert alert-danger">
+    Server Error. Sample list not retreived.
+  </div>
+
+  <div class="form-inline mb-2 ml-auto">
+    <button
+      class="btn btn-default ml-auto mr-2"
+      :disabled="!Boolean(itemsSelected.length)"
+      @click="deleteSelectedItems"
+    >
+      Delete selected...
+    </button>
+    <div class="form-group">
+      <label for="sample-table-search" class="sr-only">Search items</label>
+      <input
+        id="sample-table-search"
+        type="text"
+        class="form-control"
+        v-model="searchValue"
+        placeholder="search"
+      />
+    </div>
+  </div>
+
+  <Vue3EasyDataTable
+    :headers="headers"
+    :items="samples"
+    :search-value="searchValue"
+    table-class-name="customize-table"
+    header-class-name="customize-table-header"
+    buttons-pagination
+    @click-row="goToEditPage"
+    v-model:items-selected="itemsSelected"
+  >
+    <template #item-item_id="item">
+      <FormattedItemName :item_id="item.item_id" :itemType="item?.type" enableModifiedClick />
+    </template>
+
+    <template #item-type="item">
+      {{ itemTypes[item.type].display }}
+    </template>
+
+    <template #item-chemform="item">
+      <ChemicalFormula :formula="item.chemform" />
+    </template>
+
+    <template #item-date="item">
+      {{ $filters.IsoDatetimeToDate(item.date) }}
+    </template>
+
+    <template #item-creators="item">
+      <Creators :creators="item.creators" />
+    </template>
+  </Vue3EasyDataTable>
+</template>
+
+<script>
+import Vue3EasyDataTable from "vue3-easy-data-table";
+import "vue3-easy-data-table/dist/style.css";
+import FormattedItemName from "@/components/FormattedItemName";
+import ChemicalFormula from "@/components/ChemicalFormula";
+import Creators from "@/components/Creators";
+// eslint-disable-next-line no-unused-vars
+import { getCollectionSampleList } from "@/server_fetch_utils.js";
+import { GRAVATAR_STYLE, itemTypes } from "@/resources.js";
+
+export default {
+  data() {
+    return {
+      isSampleFetchError: false,
+      gravatar_style: GRAVATAR_STYLE,
+      itemTypes: itemTypes,
+      sampleTableIsReady: false,
+      itemsSelected: [],
+      headers: [
+        { text: "ID", value: "item_id", sortable: true },
+        { text: "type", value: "type", sortable: true },
+        { text: "Sample name", value: "name", sortable: true },
+        { text: "Formula", value: "chemform", sortable: true },
+        { text: "Date", value: "date", sortable: true },
+        { text: "Creators", value: "creators", sortable: true },
+        { text: "# of blocks", value: "nblocks", sortable: true },
+      ],
+      searchValue: "",
+    };
+  },
+  props: {
+    collection_id: String,
+  },
+  computed: {
+    samples() {
+      return this.$store.state.all_collection_children[this.collection_id];
+    },
+  },
+  methods: {
+    goToEditPage(row, event) {
+      // don't actually go to editpage is this click is in the select column, because
+      // that is easy to accidentally do. in future, could try to actuate the checkbox, too.
+      if (event.target.querySelector(".easy-checkbox")) {
+        return null;
+      }
+      // if using a modifier key (ctr, meta, alt), open in new tab
+      // otherwise, go in this tab
+      if (event.ctrl || event.metaKey || event.altKey) {
+        window.open(`/edit/${row.item_id}`, "_blank");
+      } else {
+        this.$router.push(`/edit/${row.item_id}`);
+      }
+    },
+    //deleteSelectedItems() {
+    //  const idsSelected = this.itemsSelected.map((x) => x.item_id);
+    //  if (
+    //    confirm(
+    //      `Are you sure you want to delete ${this.itemsSelected.length} selected items (${idsSelected})?`
+    //    )
+    //  ) {
+    //    console.log("deleting...");
+    //    idsSelected.forEach((item_id) => {
+    //      console.log(`deleting item ${item_id}`);
+    //      deleteSample(item_id);
+    //    });
+    //  } else {
+    //    console.log("delete cancelled...");
+    //  }
+    //},
+  },
+  components: {
+    Vue3EasyDataTable,
+    ChemicalFormula,
+    Creators,
+    FormattedItemName,
+  },
+};
+</script>
+
+<style scoped>
+.avatar {
+  border: 2px solid grey;
+  border-radius: 50%;
+}
+.avatar:hover {
+  border: 2px solid skyblue;
+}
+</style>
+
+<style>
+.customize-table th {
+  --easy-table-row-border: 2px solid #dee2e6;
+  border-top: 0.5px solid #dee2e6 !important;
+}
+
+.customize-table tr {
+  cursor: pointer;
+}
+
+.customize-table {
+  --easy-table-border: none;
+  --easy-table-row-border: 1px solid #dee2e6;
+  --easy-table-header-font-size: 1rem;
+  --easy-table-body-row-font-size: 1rem;
+  --easy-table-footer-font-size: 1rem;
+  --easy-table-message-font-size: 1rem;
+}
+
+.btn:disabled {
+  cursor: not-allowed;
+}
+</style>
diff --git a/webapp/src/server_fetch_utils.js b/webapp/src/server_fetch_utils.js
index e3d3d8da2..c31db78c8 100644
--- a/webapp/src/server_fetch_utils.js
+++ b/webapp/src/server_fetch_utils.js
@@ -166,6 +166,18 @@ export function getSampleList() {
     });
 }
 
+export function getCollectionSampleList(collection_id) {
+  return fetch_get(`${API_URL}/collections/${collection_id}`)
+    .then(function (response_json) {
+      store.commit("setCollectionSampleList", collection_id, response_json.child_items);
+    })
+    .catch((error) => {
+      console.error("Error when fetching collection sample list");
+      console.error(error);
+      throw error;
+    });
+}
+
 export function getCollectionList() {
   return fetch_get(`${API_URL}/collections/`)
     .then(function (response_json) {